sahara accessories1 responsive magento...
Post on 13-Mar-2020
5 Views
Preview:
TRANSCRIPT
1
SAHARA ACCESSORIES1
RESPONSIVE MAGENTO THEME
This document is organized as follows:
Chater I. Install ma_sahara_accessories1 template
Chapter II. Features and elements of the template
Chapter III. List of extensions in this template
2
Table of Contents
I. Install ma_sahara_accessories1 template .............................................................................................. 5
1. Install quickstart ................................................................................................................................ 5
2. Install template ............................................................................................................................... 11
II. Theme features and elements .............................................................................................................. 14
1. Home page ...................................................................................................................................... 14
1.1. Structure .................................................................................................................................. 14
2. Products grid page and products list page ....................................................................................... 17
3. Details page ..................................................................................................................................... 20
4. Prozoom .......................................................................................................................................... 22
5. How to edit Static Blocks in this template ...................................................................................... 22
5.1. Toplink Static (Text “(+800) 123 456 7890”) ....................................................................... 22
5.2. Banner home 1 (Images with texts “sahara, fashion belts 2014”) ........................................ 23
5.3. Banner home 2 (Image with text “the big sale”) .................................................................... 25
5.4. Banner home 3 (Image with text “zioly bags”) ...................................................................... 26
5.5. Footer Links Follow (Texts “free shipping, store online support, 30 days money back”) ..... 27
5.6. Footer Static Top ( Titles “Our services, our support, my account, information”) ................ 28
5.7. Footer Static ( Titles “Follow us on, our support, my account, our newsletter”) ................... 30
5.8. Footer Link ( Link of categories “New arrivals, clothing, footwear, jewllery, accessories”) 31
5.9. Footer Link payment ............................................................................................................... 32
5.10. Static Sub Menu Right ........................................................................................................ 33
5.11. Banner Left (in products page) ........................................................................................... 35
5.12. Banner Right (in details page) ............................................................................................ 37
5.13. Change Footer Copyright ( Text “© 2014 Plazathemes. All Rights Reserved”) ............... 39
6. How to upload rotator image .......................................................................................................... 40
III. Extensions in this template ............................................................................................................. 42
1. Custommenu ................................................................................................................................... 42
1.1. Configuration .......................................................................................................................... 42
1.2. Add CMS Block to popup of a specify category. ................................................................... 43
1.3. Add CMS Block to menu item. ............................................................................................... 44
3
1.4. How to identify category IDs in magento : ............................................................................. 45
1.5. Add links to menu item. .......................................................................................................... 46
1.6. How to use .............................................................................................................................. 46
2. Banner 7 .......................................................................................................................................... 49
2.1. Configuration .......................................................................................................................... 49
2.2. How to add banner7 ................................................................................................................ 50
3. Search By Category ........................................................................................................................ 51
3.1. Configuration .......................................................................................................................... 51
2.1. How to use .............................................................................................................................. 52
4. Vertical menu ( Title “ Categories”) ............................................................................................... 53
4.1. Configuration .......................................................................................................................... 53
4.2. How to use .............................................................................................................................. 54
5. Bestsseller Product Vertical Scroller(Title “Bestseller”) ................................................................ 57
5.1. Configuration .......................................................................................................................... 57
6. Price Countdown ( Title “ Sale Off ” ) ............................................................................................ 60
6.1. Configuration this extension ................................................................................................... 60
6.2. How to show price countdown for product ............................................................................. 63
7. Newsletter Popup ............................................................................................................................ 65
7.1. Configuration .......................................................................................................................... 65
8. Blog ( Title “ Latest Blog”) ............................................................................................................. 67
8.1. Configuration this extension ................................................................................................... 67
8.2. How to creat categories ........................................................................................................... 70
8.3. How to add post ...................................................................................................................... 71
8.4. How to manage posts .............................................................................................................. 73
8.5. How to manage comments ...................................................................................................... 73
9. New products slider ( Title “ New products”) ................................................................................. 75
9.1. Configuration .......................................................................................................................... 75
10. Brandslider ( Title “Our Brands” ) ............................................................................................. 78
10.1. Configuration ...................................................................................................................... 78
10.2. How to add logo .................................................................................................................. 79
11. Category tabs slider (Titles “New Arrivals, Clothing, Footwear”) ............................................. 80
11.1. Edit this extension at title “New Arrivals” .......................................................................... 80
4
11.2. Edit this extension at title “Clothing” ................................................................................. 82
11.3. Edit this extension at title “Footwear” ................................................................................ 84
11.4. How to config this extension .............................................................................................. 85
12. Related Slider ( Title “ Related products”)................................................................................. 87
12.1. Configuration ...................................................................................................................... 87
13. Upsell Slider ( Title “ Upsell products” in details page) ........................................................... 89
13.1. Configuration ...................................................................................................................... 89
14. Prozoom ...................................................................................................................................... 91
14.1. Configuration ...................................................................................................................... 91
15. Layered navigation ajax ( in products page) ............................................................................... 92
15.1. Configuration ...................................................................................................................... 92
16. Ajaxcart Super ............................................................................................................................ 93
16.1. Configuration ...................................................................................................................... 93
17. Theme options ............................................................................................................................. 96
17.1. Configuration ...................................................................................................................... 96
5
I. Install ma_sahara_accessories1 template
There are two ways to install a Magento Theme:
Install quickstart: By using this package, you will set the theme exactly as
our Demo with sample data.
Install only template: If you exist a magento website you can install only
template.
1. Install quickstart
Please following steps below:
1. Create new database and import database sample ( ma_sahara.sql or
ma_sahara.sql.gz) in database folder.
Open your Browse and type : localhost/phpmyadmin or
yourdomain/phpmyadmin
Then create database
Click database you have created
6
2. Extract and Upload the whole Quickstart package (app, js, skin … in
ma_sahara_quickstart_1901 folder ) to your server.
ma_sahara_multi1_quickstart_1901.zip is in ma_sahara_package
Extract ma_sahara_quickstart_1901, we got:
7
Copy all of folder above to your Magento .
3. Open browser and navigate to your site (where the quickstart uploaded) to
load default Magento installer with the database you just created and
import database sample.
As an example, name of magento is ma_sahara.
8
Click button “Continue”.
4. Step by step to follow the instructions.
Click “Continue”. We got:
9
With database name : ma_sahara – database name you have just created
User name : root
User password : No need to fill in.
Click “Continue” button.
10
- Fill
Personal information : First Name, Las Name, Email
Login Information: Username, Password, Confirm Password
- Click “Continue” button
5. Finish installer.
6. You can “Go to frontend” to go to Home page.
(Important note ( at step 3 of installation - Configuration page) )
7. Disable cache
Login your magento admin
11
Clear all cache ( System > Cache management > Disabled all
cache )
After cache is disabled cache management screen might look like this:
8. Reindex data
Go to System > Index Management. To rebuild your indexes,
select all, select Reindex Data and click Submit button.
2. Install template
1. Please unzip package ma_sahara_accessories1_template_1.0.zip and
upload the folders ( app, skin, js, media ...) from the theme package to the
root directory ( www, public_html) of your magento software using an
FTP client.
ma_sahara_accessories1_template_1.0.zip in ma_sahara_package
Unzip ma_sahara_accessories1_template_1.0.zip, we got:
12
Copy all app, js, media, skin above to your Magento.
2. Please go to Magento Admin > Magentothem > Install template
3. If your magento has many store views :
Choose All Store View -> then click submit button
13
If don’t have many store views, choose Submit button :
4. Clear all cache ( System > Cache management > Disabled all cache )
After cache is disabled cache management screen might look like this:
14
II. Theme features and elements
In this chapter you can find description and configuration details of
selected elements of this theme, such as home page, built-in static blocks,
CSS classes etc.
1. Home page
1.1. Structure
<image is next page>
- Blue text : name of static block
- Red text : name of extension
15
16
After the theme is installed, you can import sample versions of the
home page.
To manage pages in Magento, go to CMS > Pages section. By
default in Magento a page with URL Key home is displayed as the
store’s home page. One of a few sample home pages which you
can import, has the following URL key: sahara_accessories1-
home-page. So to display that page as a home page in your store,
you need to change its URL key to simple home.
Note:
If the page with that URL key already exists(which is true in
most of Magento installations) you will need to delete existing
page or change its url key.
Alternatively you can indicate which CMS page you want to use
as your home page. To do that, go to System > Configuration >
General > Web > Default Pages tab and select the desired page in
the CMS Home Page field.
1.1.1. Home page layout
For every CMS page in Magento you can select page layout - the
number of columns: one, two, or three columns. To change the layout of the
home page, go to CMS > Pages, select the page, select one of the options in
the Layout field and click Save Page button
1.1.2. Home page content
To edit the content of the home page, go to CMS > Pages and open
the active home page. Content can be found in the main field of the
Content tab:
17
Important
Always turn off WYSIWYG editor when you want to edit HTML or
Magento's CMS tags in the page/block content. Otherwise WYSIWYG
editor will break the content. Refer to 4.8.1 WYSIWYG editor for more
details.
2. Products grid page and products list page
<image is next page>
18
19
20
3. Details page
<image is next page>
21
22
4. Prozoom
5. How to edit Static Blocks in this template
Names of blocks and extensions in home image, grid, list, view.
5.1. Toplink Static (Text “(+800) 123 456 7890”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Toplink Static”
23
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
5.2. Banner home 1 (Images with texts “sahara, fashion belts 2014”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Banner home 1”
24
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
You should cut images with size 420 x 207 pixels.
25
5.3. Banner home 2 (Image with text “the big sale”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Banner home 2”
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
26
Click “ Save Config” when you finish.
You should cut images with size 870 x 194 pixels.
5.4. Banner home 3 (Image with text “zioly bags”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Banner home 3”
Click “Show/Hide Editor” to show code HTML of this block
27
You can change content by editing code HTML
Click “ Save Config” when you finish.
You should cut images with size 869 x 201 pixels.
5.5. Footer Links Follow (Texts “free shipping, store online support, 30 days
money back”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Footer Links Follow”
Click “Show/Hide Editor” to show code HTML of this block
28
You can change content by editing code HTML
Click “ Save Config” when you finish.
5.6. Footer Static Top ( Titles “Our services, our support, my account,
information”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Footer Static Top”
29
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
30
5.7. Footer Static ( Titles “Follow us on, our support, my account, our
newsletter”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Footer Static”
Click “Show/Hide Editor” to show code HTML of this block
31
You can change content by editing code HTML
Click “ Save Config” when you finish.
5.8. Footer Link ( Link of categories “New arrivals, clothing, footwear,
jewllery, accessories”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Footer Link”
32
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
5.9. Footer Link payment
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Footer Link payment”
33
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
5.10. Static Sub Menu Right
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
34
At “Title” column, choose “Static Sub Menu Right”
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
You should cut image with size 170 x 130.
35
5.11. Banner Left (in products page)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Banner Left”
36
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
You should cut image with size 270 x 373.
37
5.12. Banner Right (in details page)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
You will see list of static blocks.
At “Title” column, choose “Banner Right”
38
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
You should cut image with size 270 x 373.
39
5.13. Change Footer Copyright ( Text “© 2014 Plazathemes. All Rights
Reserved”)
If you can change in Footer Copyright, please do these steps below :
Login your Magento Admin
Navigate to System > Configuration
Choose tab “Design” and then click tab “Footer” :
40
You can edit HTML in this place.
Click Save Config when you finish.
6. How to upload rotator image
Example, first image :
When hover, we see back of image ( rotator image) :
41
How to upload rotator image :
Login your magento admin
Navigate to Catalog > Manage Products
Choose one products you want to have rotator image, example, here choose
Nunc facilisis :
At Product Information, choose tab Images
Choose Browse Files to choose images. Then click Upload Files to upload
images. Then tick at Rotator Image column if you want to choose that
image as rotator image :
Click Save button to save your configuration.
42
III. Extensions in this template
1. Custommenu
1.1. Configuration
Log in to the admin panel, and we will show you how to configure the
extension step by step.
To enable the extension, go to System -> Configuration ->
Custom Menu -> General on your Dashboard.
Also in General tab you can configure next three fields.
43
After that you can customize number of columns.
Config how to show popup
1.2. Add CMS Block to popup of a specify category.
In order to display a custom block with images or other html content
in the popup, use the Static Block (CMS->Static Blocks section)
with the ID like "pt_menu_idcat_10", where "10" is the Category ID
of this category.
Default the custom block will be show at the bottom of the popup. But
if you want to show it on the right of the popup, just use the ID like
“pt_menu_idcat_10_right”.
44
1.3. Add CMS Block to menu item.
Just use the static block with the ID has prefix is "pt_item_menu".
Ex: pt_item_menu_first, pt_item_menu_second…
45
1.4. How to identify category IDs in magento :
Login your magento admin
Navigate to Catalog > Manage Categories
46
1.5. Add links to menu item.
In order to add links to menu item we use only static block with the
ID is “pt_menu_links”.
The content of this static block like this:
<ul>
<li><a href="{{store direct_url="about-magento-demo-
store"}}">About Us</a></li>
<li><a href="{{store direct_url="contacts"}}">Contact
Us</a></li>
</ul>
1.6. How to use
Go to frontend and just hover mouse on the menu items to see how it
work.
Below are some demo images
47
48
49
2. Banner 7
You should cut image with size 1169 x 418 pixels.
2.1. Configuration
Login your magento admin
Navigate to Magentothem > Banner7 > Configuration :
We got :
50
Below is parameters explanation:
Enabled : Enable this module or not
Animation Type : Type of animation.
Pause Time : Set the speed of the slideshow cycling, in milliseconds.
Animation Speed : The speed of animation, in milliseconds.
Auto slide : Defines whether slideshow auto play or not
Qty of items : Number of items will be displayed in this module.
Show Next/Back control : Defines whether next/back button will be
shown or not
Show navigation control : Defines whether navigation control will be
shown or not
2.2. How to add banner7
Login your magento admin
Navigate to Magentothem > Banner 7> Manage Items > Click Add
Item
51
Below is parameters explanation :
Title : Title of banner
Link : Link of banner
Image : Click Browse to choose one image of banner.
Order : Order of banner.
Store View : Store view which banner will be displayed . Default is All
Stores Views.
Status : Enable or disable banner
Description : Description of banner.
3. Search By Category
3.1. Configuration
Login your Magento Admin area
Navigate to Magentothem > Search By Category > Configuration and
configure default criteria as per screenshort below:
52
Below is parameters explanation:
Enable: Include yes/no module parameter
Select categories on category pages (default „yes‟): Indicates if the
active category on a category page is automatically selected in the
drop-down list.
Show subcategories (default „yes‟): Indicates whether subcategories
should be displayed in the category drop-down list.
Subcategory level (default „4‟): Indicates the max level of
subcategory to show in the category drop-down list.
Subcategory indentation (default „_ ‟): The indentation text that is
shown in front of each subcategory in the category drop-down list.
2.1. How to use
By selecting a category, entering the search query, and pressing the
search button (or enter), the search result page is shown for the search
query where the results are filtered by the selected category. On this
page and on category pages, the active category (filter or current
category) is also selected in the drop-down list.
53
4. Vertical menu ( Title “ Categories”)
4.1. Configuration
Please make sure VerticalMenu module get installed properly
54
Login your Magento Admin area
Navigate to Magentothem > VerticalMenu > Configuration and
configure default criteria as per screenshort below:
Below is parameterss explanation:
Enabled Module: include yes/no module porionmeter
Title: Title of module vertical menu
Enabled Left Menu: Show menu in the left sidebar.
4.2. How to use
Default the vertical menu display in left sidebar or right sidebar.
If you want change position display module you go to
app/design/frontend/default/default/layout/verticalmenu.xml
Then change reference
<reference name="left">
<block type="verticalmenu/verticalmenu" before="-"
name="ma.verticalmenuleft"
template="magentothem/verticalmenu/verticalmenuleft.phtml" />
</reference>
To
<reference name="New position ">
55
<block type="verticalmenu/verticalmenu" before="-"
name="ma.verticalmenuleft"
template="magentothem/verticalmenu/verticalmenuleft.phtml" />
</reference>
The extension will be displayed frontend:
+ Dropdown menu
+ Accordion menu
56
+ Tree menu
57
5. Bestsseller Product Vertical Scroller(Title “Bestseller”)
This module shows best selling products in vertical scroller.
5.1. Configuration
Login your Magento Admin area
Navigate to Magentothem > Bestseller Product Vertical Scroller >
Configuration and configure default criteria as per screenshort
below:
58
Below is parameters explanation:
Enabled: Include yes/no module paramenter
Show SideBar Left : Defines whether show this module in left
sidebar or not.
59
Show SideBar Right : Defines whether show this module in right
sidebar or not.
Auto Scroller: Enable auto scroller product
Title : Title of module
Width of Scroller : The width of scroller
Height of Scroller : The height of scroller
Pause: Time (in milliseconds) between slide transitions
Show Price: Defines whether display price or not
Show Review Rating: Defines whether the Review rating is
displayed or not
Show Add To Cart: Defines whether the Add to cart is displayed or
not
Show Add To Compare: Defines whether the Add to compare is
displayed or not
Show Add To Wishlist: Defines whether the Add to wishlist is
displayed or not
Show Short Description: Defines whether the short description is
displayed or not
Show Description Max Length: Max length of short description is
displayed.
Qty of Products : Product quantity will be accepted on product
slider.
Number Item Show : Number of items will be shown in this
module.
Products Scroll : Number of products will be scrolled.
Animation Duration : Roll speed of slider.
Width of Thumbnail: Width of thumbnail image will be displayed.
Height of Thumbnail: Height of thumbnail image will be
displayed.
60
6. Price Countdown ( Title “ Sale Off ” )
This module show countdown timer at discount products.
6.1. Configuration this extension
Login your Magento Admin
Navigate to Magentothem > Price Countdown > Configuration
61
Tab General :
Below is parameters explanation:
Activate Price Countdown: Activate product timer
Timer Heading : Choose timer header show in catalog or products
pages or show 2 pages or hide all.
Timer Caption : Choose timer caption show in catalog or products
pages or show 2 pages or hide all
Timer Title : Timer title.
Example : Timer
Timer caption :
Timer heading :
Tab Price Count Down Slider Config:
62
Below is parameters explanation :
Enabled: Include yes/no module parameter
Auto slide : Defines whether items auto play or not
Title: Title of module
Slidshow Speed : Duration (in milliseconds) of slide transition
animation. Defines how fast the current slide is replaced with the
next slide.
Pause : Timeout between 2 slides when enbale auto slide
Show Price : Defines whether the Price is displayed or
not
Show Add to Cart: Defines whether the Add to Cart is displayed or
not
Show Add to Wishlist: Defines whether the Add to Wishlist is
displayed or not
Show Add to Compare: Defines whether the Add to Compare is
displayed or not
Show Review Rating: Defines whether Review Rating is
63
displayed or not
Show Short desciption: Defines whether the short description is
displayed or not
Short description max length: Max length of short description is
displayed.
Qty of Products: Product quantity will be displayed on product
Slider.
Number Product Show : Number of products will be shown.
Width of Item : The width of item.
Width of Thumbnail: Width of thumbnail image will be displayed.
Height of Thumbnail: Height of thumbnail image will be
displayed.
Show Next/Back control : Defines whether display next/back
control.
Show navigation control : Defines whether display navigation
control.
Tab Colors :
Click Save Config to save your configuration.
6.2. How to show price countdown for product
Login your magento admin
Navigate Catalog > Manage Products
Choose any product
At tab Price, set discount price for product, set discount date
64
At field Show Price Count Down : Choose Yes to show price count down,
choose No to don’t show.
At Categories tab, choose like image to show products in home page.
65
7. Newsletter Popup
This module shows Newsletter popup .
7.1. Configuration
Login your magento admin
Go to Magentothem > Newsletter Popup > Configuration :
66
Below is parameters explanation:
Enable : Defines whether enable this module or not
Include Jquery : Defines whether enable Jquery or not
Title Popup : Title of this module
Content Popup : Content of popup
Width Popup (px) : The width of popup
Height Popup (px) : The height of popup
Speed Popup (milliseconds) : The speed of popup
Margin Top Popup : Distance from popup to top
Background Popup : Click Browse to choose image as background of
popup
Cookie Timeout : Set a cookie to expire after X days.
Click Save Config when finish config.
67
8. Blog ( Title “ Latest Blog”)
8.1. Configuration this extension
Login your Magento Admin
Navigate to Magentothem > Blog > Configuration
68
69
Some explanations :
At Blog Setting :
Enable : Defines whether enable module or not
Route to Blog :
Example URL :
http://192.168.1.2/magento_test/ma_bravia_quickstart/index.php/blog
“blog” is Route to Blog.
Blog Title : Title of blog
Page layout : Choose layout for blog page.
Date Format : Format of date
Summary Character Count : Number of characters in a post to be displayed
before it is truncated and the Read More link is added. 0 for unlimited.
Use Short Content Field : If enabled, additional "Short Content Field" is
taken instead of truncated main post.
At Slide Setting :
Example :
Enable Slide : Defines whether enable slide or not
Width one column (PX) : The width slide
Number of columns : Number of columns will be shown in slide
Number of rows : Number of rows will be shown in slide
Speed of slide : The speed of slide
Auto Slide : Defines whether slide will be auto played or not
Max Slide Show : Maximum number of slideshow will be shown
Include Jquery : Defines whether include jquery or not
At Menus and Links :
Enable Left Menu : Show posts in left sidebar
Enable Right Menu : Show posts in right sidebar
70
Recent Posts : The number of recent post to be displayed in the menu. 0 to
disable.
8.2. How to creat categories
Login your magento admin
Navigate to Magentothem > Blog > Categories
Click Add New
- Title : Title of category
- Identifier : ID of category
- Sort Order
- Store View : Choose store view you want to show categories
- Keywords
- Description : Description of category
71
Click Save Category to save your config.
8.3. How to add post
Login your magento admin
Navigate to Magentothem > Blog > Add Post
72
73
- Title : Title of post
- Identifier : Id of post
- Store view : Choose store view for this post
- Category : Choose category for this post. Default category is News
- Status : Hidden pages won't be shown in blog but still can be accessed directly
- Enable Comments : Disabling will close the post to new comments
- Tag : Type tag
- Short Content : Click Show/Hide Editor to type short content
- Content : Click Show/Hide Editor to type content
8.4. How to manage posts
Login your magento admin
Navigate to Magentothem > Blog > Posts
Choose post you want to edit
Edit or dublicate, delete post.
Click Save Post to save your changes.
8.5. How to manage comments
Login your magento admin
Navigate to Magentothem > Blog > Comments
74
- User : User name
- Email Address
- Status : Choose Approved to show comment, choose Unapproved to don’t
show comment.
- Comment : Content of comment
Click Save Comment to save your change
Or Delete Comment if you want to delete it.
75
9. New products slider ( Title “ New products”)
This module shows new products in slider.
9.1. Configuration
Login Magento Admin area
Navigate to Magentothem > New Products Slider> Configuration
76
Below is parameters explanation :
Enabled: Include yes/no module paramenter
Auto slide : Defines whether items auto play or not
Title: Title of module
77
Slidshow Speed : Duration (in milliseconds) of slide transition
animation. Defines how fast the current slide is replaced with the
next slide.
Pause : Timeout between 2 slides when enbale auto slide
Show Price : Defines whether the Price is displayed or
not
Show Add to Cart: Defines whether the Add to Cart is displayed or
not
Show Add to Wishlist: Defines whether the Add to Wishlist is
displayed or not
Show Add to Compare: Defines whether the Add to Compare is
displayed or not
Show Review Rating: Defines whether Review Rating is
displayed or not
Show Short desciption: Defines whether the short description is
displayed or not
Short description max length: Max length of short description is
displayed.
Qty of Products: Product quantity will be displayed on product
Slider.
Number Product Show : Number of products will be shown.
Number Row Show : Number of rows will be shown.
Width of Item : The width of item.
Width of Thumbnail: Width of thumbnail image will be displayed.
Height of Thumbnail: Height of thumbnail image will be
displayed.
Show Next/Back control : Defines whether display next/back
control.
Show navigation control : Defines whether display navigation
control.
78
10. Brandslider ( Title “Our Brands” )
10.1. Configuration
Login Magento Admin area
Navigate to Magentothem > Brandslider > Configuration and
configure default criteria as per screenshort below:
Below is parameters explanation:
Enabled : Include yes/no module parameters
Auto slide: Defines whether images autoplay or not
Slideshows Speed:Duration (in milliseconds) of slide transition
animation. Defines how fast the current slide is replaced with
the next slide.
Animation Speed: The speed of animations, in milliseconds
Show Short Description: Defines whether display short description or
not
Qty of items: Number item display
Number Items Show: Number of product is displayed.
79
Width of Item: The width of items
Show Next/Back control: Defines whether display next/back button or
not
Show navigation control: Defines whether display navigation or not
10.2. How to add logo
Navigate to Magento > Brandslider > Manage Items. Then :
Click Add Item:
Below is explanation:
Title: Title of item
Link: URL
Image: Image of item
Status : Define whether display images or not
Decription: Description about item
Upload images of item : Click “Browse” button, you can
choose image from your computer
80
You can repeat Add Items above to configure new attribute for other
Items.
When finished, click Save Item button to save your brand slider.
Log out Magento Admin, then Reindex data
11. Category tabs slider (Titles “New Arrivals, Clothing, Footwear”)
11.1. Edit this extension at title “New Arrivals”
Login your magento admin
Navigate to CMS > Pages
At Title column, choose your home page
Then choose tab Content, then do like image below :
81
Below is parameters explanation:
Widget Type : Type of widget : Category Slider Tabs
Title : Title of widget
Identify : Id of this widet
Category ids : IDs of categories you want to show products
Template : categorytabsliders
Number of Products to Display : Number of products of each
category will be allowed in this widget
Width Thumbnail : Width of thumbnail
Height Thumbnail : Height of thumbnail
Click Insert Widget when you finish editting.
Click Save Page button when you finish
82
11.2. Edit this extension at title “Clothing”
Login your magento admin
Navigate to CMS > Pages
At Title column, choose your home page
Then choose tab Content, then do like image below :
83
Below is parameters explanation:
Widget Type : Type of widget : Category Slider Tabs
Title : Title of widget
Identify : Id of this widet
Category ids : IDs of categories you want to show products
Template : categorytabsliders
Number of Products to Display : Number of products of each
category will be allowed in this widget
Width Thumbnail : Width of thumbnail
Height Thumbnail : Height of thumbnail
Click Insert Widget when you finish editting.
Click Save Page button when you finish
84
11.3. Edit this extension at title “Footwear”
Login your magento admin
Navigate to CMS > Pages
At Title column, choose your home page
Then choose tab Content, then do like image below :
85
Below is parameters explanation:
Widget Type : Type of widget : Category Slider Tabs
Title : Title of widget
Identify : Id of this widet
Category ids : IDs of categories you want to show products
Template : categorytabsliders
Number of Products to Display : Number of products of each
category will be allowed in this widget
Width Thumbnail : Width of thumbnail
Height Thumbnail : Height of thumbnail
Click Insert Widget when you finish editting.
Click Save Page button when you finish
11.4. How to config this extension
Login your magento admin
Navigate to Magentothem> Category Tabs Slider > Configuration:
Click General Configuration :
86
Below is paramenters explanation:
Enabled : Include Yes/No paramenters of module
Slideshow Speed : Duration (in milliseconds) of slide transition
animation. Defines how fast the current slide is replaced with the next
slide
Animation Speed : The speed of animations, in milliseconds
Show Review: Defines whether the review rating is displayed or not
Show Price : Defines whether the Price is displayed or not
Show Add To Cart : Defines whether the Add to cart is displayed or
not
Show Add To Wishlist: Defines whether the Add to wishlist is
displayed or not
87
Show Add To Compare : Defines whether the Add to compare is
displayed or not
Qty of Products : Number of products will be accepted in this module.
Number Product Show : Number of products will be shown per row
in your module.
Number Rows: Number of rows will be shown.
Width of Item : The width of item.
Show Next/Back control : Defines whether display next/back button
or not
Show navigation control : Defines whether display navigation or not
Click Save Config to save your changes.
12. Related Slider ( Title “ Related products”)
12.1. Configuration
Login Magento Admin area
88
Navigate to Magentothem > Related Slider > Configuration and
configure default criteria as per screenshort below:
Below is parameters explanation:
Enabled: Include yes/no module parameters
Auto slide: Defines whether images autoplay or not
Slideshow Speed:Duration (in milliseconds) of slide transition
animation. Defines how fast the current slide is replaced with
the next slide.
Animation Speed: The speed of animations, in milliseconds
Show Price: Defines whether price of product is displayed or not
Show Wishlist: Defines whether the wishlist is displayed or not
Number Product Show: Number product will be display in a row
Width of item: The width of the item.
Width of Thumbnail: Width of thumbnail image will be displayed.
Height of Thumbnail: Height of thumbnail image will be displayed
Show Next/Back control: Defines whether next/back control is
displayed or not
Show navigation control: Defines whether navigation button is
displayed or not
89
13. Upsell Slider ( Title “ Upsell products” in details page)
13.1. Configuration
Login Magento Admin area
Navigate to Magentothem > UpsellSlider > Configuration and
configure default criteria as per screenshort below:
Below is parameters explanation:
90
Enabled: Include yes/no module parameters
Auto slide: Enable auto scroller product
Title : Title of module
Slideshow Speed:Duration(in milliseconds) of slide transition
animation. Defines how fast the current slide is replaced with
the next slide.
Animation Speed: The speed of animations, in milliseconds
Show Price: Defines whether price of product is displayed or not
Show Review Rating: Defines whether the review rating is
displayed or not
Qty of Products: Product quantity will be displayed on product
scroller.
Number Product Show: Number product will be displayed in a
row
Width of Thumbnail:The width of thumbnail image will be
displayed.
Height of Thumbnail: The height of thumbnail image will be
displayed
Show Next/Back control: Defines whether the next/back control is
displayed or not
Show navigation control: Defines whether the navigation control
button is displayed or not
91
14. Prozoom
14.1. Configuration
Login Magento Admin area
Navigate to Magentothem > Prozoom > Configuration and
configure default criteria as per screenshort below:
Below is parameters explanation:
92
Enabled Module: Include yes/no module parameters
Width of Zoom Panel: The width of zoom panel
Height of Zoom Panel: The height of zoom panel
Border Width of Zoom Panel: The border width of zoom panel
Border Color of Zoom Panel: The border color of zoom panel
Width of Lightbox Image: The width of lightbox image
Height of Lightbox Image: The height of lightbox image
Enabled Thumbnail Scroller: Defines whether thumbnail scroller is
displayed or not
Auto Thumbnail Scroller: Defines whether thumbnail scroller is
autoplayed or not
Scroll Style:
Number Thumbnail Display: Number thumbnail is displayed
Width of Thumbnail: The width of thumbnail
Height of Thumbnail: The height of thumbnail
15. Layered navigation ajax ( in products page)
15.1. Configuration
Login your Magento Admin area
Navigate to Magentothem > Layered navigation ajax>
Configuration
Click General Configuration
And configure default criteria as per screenshort below:
93
Below is parameters explanation:
Enabled Module : Include yes/no module parameters.
Enable Toolbar Ajax : Defines whether enabled Toolbar ajax or not.
Enable Slider : Defines whether show price slider
Enable Tag Product Ajax : Defines whether Product tag uses ajax or
not
Loading Image : Image when loading ajax. Click Browse to image
you want to insert.
Transparent Image : Background image when loading ajax. Click
Browse to image you want to add.
Background Opacity : Opacity of background image.
16. Ajaxcart Super
16.1. Configuration
Login your Magento Admin area
Navigate to Magentothem > Ajaxcart Super> Configuration
Click General Configuration
And configure default criteria as per screenshort below:
94
Below is parameters explanation:
Enabled Module : Include yes/no module parameters.
Show or hide Effect to cart : Defines whether show effect to cart or
not.
Example :
95
Using SSL : Enable if you use https.
Show or hide confirm box : Defines whether show confirm box or not.
Example : This is confirm box
Loading Background Color : Color of loading background .
- You can type color code at input box
96
- or choose color from pallete
Loading Image : Image when loading ajax cart. Click Browse to
choose image you want
Background Opacity : Opacity of background.
17. Theme options
17.1. Configuration
Login your Magento Admin area
Navigate to Magentothem > Theme Options> Configuration
Click Theme Options Config
New label : Defines whether show label New or not
Sale label : Defines whether show label Sale or not
Click Save Config to save your config.
top related