84
1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows: Chater I. Install ma_sahara_digital3 template Chapter II. Features and elements of the template Chapter III. List of extensions in this template

SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

1

SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME

This document is organized as follows:

• Chater I. Install ma_sahara_digital3 template • Chapter II. Features and elements of the template

• Chapter III. List of extensions in this template

Page 2: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

2

Table of Contents

I. Install ma_sahara_digital3 template ................................................................................................. 6

1. Install quickstart .......................................................................................................................... 6

2. Install template ......................................................................................................................... 12

II. Theme features and elements ......................................................................................................... 15

1. Home page ................................................................................................................................. 15

1.1. Structure ............................................................................................................................ 15

1.2. Menu.................................................................................................................................. 17

2. Products grid page and products list page ................................................................................... 19

3. Details page ............................................................................................................................... 22

4. Prozoom .................................................................................................................................... 24

5. Static Blocks in this template ..................................................................................................... 24

5.1. Block Static Top (Texts : “ free shipping, money back guarantee, online payment secured, free gift card”) ............................................................................................................................... 24

5.2. Custom Menu ( Title “ Custom Menu”) .............................................................................. 26

5.3. Static banner7 ( Images with texts : “Digital camera, luxury accessories”) .......................... 28

5.4. Banner Left ( Image with text : “save 50% on selected items”) .......................................... 31

5.5. Link Footer ........................................................................................................................ 33

5.6. Payment Bottom ................................................................................................................ 35

5.7. Footer Static ( Titles : “About us, our service, my account, newsletter” ) ............................ 36

5.8. Change Footer Copyright ................................................................................................... 39

III. Extensions in this template ......................................................................................................... 41

1. Seach By Category extension ..................................................................................................... 41

1.1. Configuration ..................................................................................................................... 41

1.2. How to use ......................................................................................................................... 41

2. Custommenu .............................................................................................................................. 42

2.1. Configuration ..................................................................................................................... 42

2.2. Add CMS Block to popup of a specify category. ................................................................ 44

2.3. Add CMS Block to menu item. ........................................................................................... 45

2.4. How to identify category IDs in magento : .......................................................................... 46

2.5. Add links to menu item. ..................................................................................................... 47

Page 3: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

3

2.6. How to use ......................................................................................................................... 47

3. Banner7 ..................................................................................................................................... 50

3.1. Configuration ..................................................................................................................... 50

3.2. Add item in slideshow(banner7) ......................................................................................... 51

4. Vertical Menu ( Title “ Categories” in home page) ..................................................................... 53

4.1. Configuration ..................................................................................................................... 53

4.2. How to use ......................................................................................................................... 54

5. Mostviewed Products ( Title “Special Products”) ....................................................................... 57

5.1. Configuration ..................................................................................................................... 57

6. Tabs Product ( Titles “ Bestseller, Featured, New arrival”) ......................................................... 59

6.1. Configuration ..................................................................................................................... 59

7. Category Tabs Slider ( Title “Electronics”) ................................................................................ 61

7.1. Configuration ..................................................................................................................... 61

7.2. How to show products in this extension .............................................................................. 62

7.3. How to identify category IDs in magento : .......................................................................... 63

8. Category Tabs Slider ( Title “Fashions”) .................................................................................... 64

8.1. Configuration ..................................................................................................................... 64

8.2. How to show products in this extension .............................................................................. 65

8.3. How to identify category IDs in magento : .......................................................................... 66

9. Category Tabs Slider ( Title “Handmade Gifts”) ........................................................................ 66

9.1. Configuration ..................................................................................................................... 66

9.2. How to show products in this extension .............................................................................. 67

9.3. How to identify category IDs in magento : .......................................................................... 68

10. Upsell Slider ( Title “ Upsell products” in details page) ......................................................... 69

10.1. Configuration ................................................................................................................. 69

10.2. How to set upsell products .............................................................................................. 70

11. Related Slider ( Title “ Related products” in details product) .................................................. 72

11.1. Configuration ................................................................................................................. 72

11.2. How to set related products ............................................................................................ 73

12. Brand slider ( Title “ Brand & Clients” ) ................................................................................ 75

12.1. Configuration ................................................................................................................. 75

12.2. How to add logo ............................................................................................................. 76

Page 4: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

4

13. Prozoom ................................................................................................................................ 77

13.1. Configuration ................................................................................................................. 77

14. Layered navigation ajax (Title “ Shop By” in products page) .................................................. 78

14.1. Configuration ................................................................................................................. 78

15. Ajaxcart Super ....................................................................................................................... 80

15.1. Configuration ................................................................................................................. 80

16. Theme options ....................................................................................................................... 83

16.1. Configuration ................................................................................................................. 83

Page 5: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

5

Ma_sahara_digital3 is a Magento theme with advanced admin module, extremely customizable and fully responsive. It is suitable for every type of store. It is a standalone design package (not a sub-theme of Magento “default” theme) so you can easily create your own sub-themes.

More info And here you can find out more about theme updates, new features and about our upcoming themes: - Follow us on Facebook - Follow us on Plazathemes

Page 6: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

6

I. Install ma_sahara_digital3 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

Page 7: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

7

2. Extract and Upload the whole Quickstart package (app, js, skin … in

ma_sahara_digital3 _quickstart folder ) to your server. ma_sahara_digital3_quickstart.zip is in ma_sahara_package

Extract ma_sahara_digital3_quickstart, we got:

Page 8: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

8

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.

Page 9: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

9

Click button “Continue”.

4. Step by step to follow the instructions.

Click “Continue”. We got:

Page 10: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

10

• With database name : ma_sahara – database name you have just created • User name : root

• User password : No need to fill in. Click “Continue” button.

Page 11: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

11

- 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

Page 12: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

12

� 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_digital3_template.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_digital3_ template.zip in ma_sahara_digital3_package Unzip ma_sahara_digital3_ template.zip, we got:

Page 13: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

13

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

Page 14: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

14

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:

Page 15: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

15

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>

Page 16: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

16

Page 17: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

17

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_digital3-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.2. Menu

Page 18: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

18

1.2.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.2.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:

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.

Page 19: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

19

2. Products grid page and products list page <image is next page>

Page 20: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

20

Page 21: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

21

Page 22: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

22

3. Details page <image is next page>

Page 23: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

23

Page 24: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

24

4. Prozoom

5. Static Blocks in this template Names of blocks and extensions in home image, grid, list, view.

5.1. Block Static Top (Texts : “ free shipping, money back guarantee, online payment secured, free gift card”)

If you want to change content in this block, please do these steps below : � Login your Magento Admin area � Navigate to CMS > Static Blocks

Page 25: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

� You will see :

� At “Title

25

You will see :

Title ” column, choose “Block Static Top

Top”

Page 26: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

26

� 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. Custom Menu ( Title “ Custom Menu”)

If you want to change images in this block, please do these steps below : � Login your Magento Admin area � Navigate to CMS > Static Blocks

Page 27: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

27

� You will see :

� At “Title ” column, choose “ Custom Menu”

� Click “Show/Hide Editor” to show code HTML of this block

Page 28: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

28

� You can change image by editing code HTML � Click “ Save Config” when you finish. � You should cut image with size 191 x 222.

5.3. Static banner7 ( Images with texts : “Digital camera, luxury accessories”)

If you want to change images in this block, please do these steps below : � Login your Magento Admin area � Navigate to CMS > Static Blocks

Page 29: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

29

� You will see :

� At “Title ” column, choose “ Static banner7”

Page 30: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

30

� Click “Show/Hide Editor” to show code HTML of this block

� You can change image by editing code HTML � Click “ Save Config” when you finish. � You should cut image with size 367 x 182.

Page 31: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

31

5.4. Banner Left ( Image with text : “save 50% on selected items”)

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 :

Page 32: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

32

� At “Title ” column, choose “ Banner Left”

� Click “Show/Hide Editor” to show code HTML of this block

� You can change image by editing code HTML � Click “ Save Config” when you finish.

Page 33: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

33

� You should cut background image of this block with size 270 x 491.

5.5. Link Footer

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 :

� At “Title ” column, choose “ Link Footer ”

Page 34: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

34

� 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.

Page 35: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

35

5.6. Payment Bottom

If you want to change image in this block, please do these steps below : � Login your Magento Admin area � Navigate to CMS > Static Blocks

� You will see :

� At “Title ” column, choose “ Payment Bottom”

Page 36: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

36

� Click “Show/Hide Editor” to show code HTML of this block

� You can change image by editing code HTML � Click “ Save Config” when you finish.

5.7. Footer Static ( Titles : “About us, our service, my account, newsletter” )

If you want to change content in this block, please do these steps below :

Page 37: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

37

� Login your Magento Admin area � Navigate to CMS > Static Blocks

� You will see :

� At “Title ” column, choose “ Footer Static”

Page 38: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

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.

Page 39: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

39

5.8. Change Footer Copyright

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” :

Page 40: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

40

You can edit HTML in this place. � Click Save Config when you finish.

Page 41: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

III. Extensions in this

1. Seach By Category extension

1.1. • Login your Magento Admin area

• Navigate to Magentoconfigure default criteria as per screenshort below:

Below is paramenteres

• Enable: Include yes/no module p

• Select categories on category pagesactive category on a category page is automatically selected in the drop-down list.

• Show subcategoriesshould be displayed in the category drop

• Subcategory level (subcategory to show in the category drop

• Subcategory indentationshown in front of each

1.2. • 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

41

this template

Seach By Category extension

Configuration Login your Magento Admin area

Magentothem > Search By Category > Configurationconfigure default criteria as per screenshort below:

paramenteres explanation:

nclude yes/no module paramenter

Select categories on category pages (default ‘yes’)active category on a category page is automatically selected in the

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

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

> Configuration and

‘yes’): Indicates if the active category on a category page is automatically selected in the

: Indicates whether subcategories down list.

Indicates the max level of down list.

: The indentation text that is subcategory in the category drop-down list.

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 42: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

42

page and on category pages, the active category (filter or current category) is also selected in the drop-down list.

2. Custommenu

2.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.

Page 43: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

43

Also in General tab you can configure next three fields.

• After that you can customize number of columns.

Page 44: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

44

• Config how to show popup

2.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”.

Page 45: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

45

2.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…

Page 46: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

46

2.4. How to identify category IDs in magento : • Login your magento admin • Navigate to Catalog > Manage Categories

Page 47: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

47

2.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>

2.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

Page 48: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

48

Page 49: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

49

Page 50: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

50

3. Banner7

You should cut image with size 768 x 375.

3.1. Configuration • Login your Magento Admin area

• Navigate to Magentothem > Banner7 > Configuration and configure default criteria as per screenshort below:

Below is paramenters explanation:

• Enabled: Include yes/no module paramenters • Animation type:The effect to be used for transition between two

slides.

Page 51: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

51

• Pause Time: Time (in milliseconds) between slide transitions.

• Animation Speed: The speed of animations, in milliseconds • Qty of items: Number item display

• Show Caption: Defines whether caption of images is displayed or not

• Show Next/Back control: Defines whether next/back button is displayed or not

• Show navigation control: Defines whether the navigation control is displayed or not

3.2. Add item in slideshow(banner7) • Navigate to Magento > Banner7 > Manage Items

• Click “Add item” button, you will see as screenshot below:

Page 52: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

52

� Title: Title of the item � Link: URL of the item � Image: Image of item � Order : The order of the item � Store View : Default choose “All Store Views” � Status : Define whether display slide or not � Decription: Description about item

Upload images of item : Click “Browse” button, you can choose image from your computer

• When finished, click “Save Item” button to save your item. • Log out Magento Admin, then Reindex data • You can repeat steps above to add other items for banner

Page 53: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

53

4. Vertical Menu ( Title “ Categories” in home page)

4.1. Configuration

• Please make sure VerticalMenu module get installed properly

• Login your Magento Admin area

• Navigate to Magentothem > VerticalMenu > Configuration and

configure default criteria as per screenshort below:

Below is paramenters explanation:

• Enabled Module: include yes/no module porionmeter

• Title : Title of module vertical menu

• Enabled Left Menu: Show menu in the left sidebar.

• Enabled Right Menu: Show menu in the right sidebar.

Page 54: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

54

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>

<reference name="right">

<block type="verticalmenu/verticalmenu" before="-"

name="ma.verticalmenuright"

template="magentothem/verticalmenu/verticalmenuright.phtml" />

</reference>

To

<reference name="New position ">

<block type="verticalmenu/verticalmenu" before="-"

name="ma.verticalmenuleft"

template="magentothem/verticalmenu/verticalmenuleft.phtml" />

</reference>

<reference name="New position ">

Page 55: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

<block type="verticalmenu/verticalmenu" before="

name="ma.verticalmenuright"

template="magentothem/verticalmenu/verticalmenuright.phtml" />

</reference>

The extension will be displa

+ Dropdown menu

+ Accordion menu

+ Tree menu

55

<block type="verticalmenu/verticalmenu" before="-"

name="ma.verticalmenuright"

template="magentothem/verticalmenu/verticalmenuright.phtml" />

The extension will be displayed frontend:

template="magentothem/verticalmenu/verticalmenuright.phtml" />

Page 56: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

56

Page 57: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

57

5. Mostviewed Products ( Title “Special Products”) This module shows mostviewed products ( Top viewed products)

5.1. Configuration � Login your magento admin � Navigate to Magentothem > Mostviewed Products > Configuration � Click Mostviewed Product Config, we got :

Page 58: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

58

Below is paramenters explanation:

• Enabled: Defines whether enable this module or not • Title: Title of module

• 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 the review rating 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 in this module. • Products Per Row : Product quantity will be displayed in one row

• Width Of Thumbnail : The width of thumbnail image will be displayed • Height Of Thumbnail : The height of thumbnail image will be displayed

Page 59: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

59

6. Tabs Product ( Titles “ Bestseller, Featured, New arrival”)

6.1. Configuration • Login your Magento Admin area • Navigate to Magentothem > Tabs Product > Configuration

• Click Tabs Product Config

Page 60: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

60

• And configure default criteria as per screenshort below:

Below is paramenters explanation:

• Enabled: Include yes/no module porionmeter • Mode : Modules you want to show on these tab. � Latest Products : Show lastest products � Onsale products : Show discount products � Bestseller products : Show best selling products � Mostviewed products : Show most viewed products � Featured products : Show featured products � New products : Show new products • 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

Page 61: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

61

• 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 scroller.

• Products per row : Number of products will be displayed per row. • Width of Thumbnail: Width of thumbnail image will be displayed.

• Height of Thumbnail: Height of thumbnail image will be displayed.

7. Category Tabs Slider ( Title “Electronics”) This module shows products of categories in slider in each tab

7.1. Configuration • Login Magento Admin area

• Navigate to Magentothem > Category Tabs Slider> Configuration and configure default criteria as per screenshort below:

Below is paramenters explanation:

• Enabled: Include yes/no module paramenteres • Slideshow Speed:Duration (in milliseconds) of slide transition

Page 62: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

62

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 is displayed or not

• Show Price: Defines whether 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

• Number Product Show: Number product display per row

• Width of Item: The width of the item

• Show Next/Back control: Defines whether the next/back button is displayed or not

• Show navigation control: Defines whether the navigation control is displayed or not

7.2. How to show products in this extension • Login your magento admin • Navigate CMS > Pages • At Title , Choose your Home page • Choose tab Content :

Page 63: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

63

� Click Save Page when you finish.

7.3. How to identify category IDs in magento : • Login your magento admin

• Navigate to Catalog > Manage Categories

Page 64: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

64

8. Category Tabs Slider ( Title “Fashions”) This module shows products of categories in slider in each tab

8.1. Configuration • Login Magento Admin area

• Navigate to Magentothem > Category Tabs Slider> Configuration and configure default criteria as per screenshort below:

Below is paramenters explanation:

• Enabled: Include yes/no module paramenteres • 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 is displayed or not

• Show Price: Defines whether 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

• Number Product Show: Number product display per row

Page 65: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

65

• Width of Item: The width of the item

• Show Next/Back control: Defines whether the next/back button is displayed or not

• Show navigation control: Defines whether the navigation control is displayed or not

8.2. How to show products in this extension • Login your magento admin

• Navigate CMS > Pages • At Title , Choose your Home page • Choose tab Content :

Page 66: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

66

� Click Save Page when you finish.

8.3. How to identify category IDs in magento : • Login your magento admin • Navigate to Catalog > Manage Categories

9. Category Tabs Slider ( Title “Handmade Gifts”) This module shows products of categories in slider in each tab

9.1. Configuration • Login Magento Admin area

• Navigate to Magentothem > Category Tabs Slider> Configuration and configure default criteria as per screenshort below:

Page 67: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

67

Below is paramenters explanation:

• Enabled: Include yes/no module paramenteres • 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 is displayed or not

• Show Price: Defines whether 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 • Number Product Show: Number product display per row

• Width of Item: The width of the item

• Show Next/Back control: Defines whether the next/back button is displayed or not

• Show navigation control: Defines whether the navigation control is displayed or not

9.2. How to show products in this extension • Login your magento admin

• Navigate CMS > Pages • At Title , Choose your Home page • Choose tab Content :

Page 68: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

68

� Click Save Page when you finish.

9.3. How to identify category IDs in magento : • Login your magento admin • Navigate to Catalog > Manage Categories

Page 69: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

69

10. Upsell Slider ( Title “ Upsell products” in details page)

10.1. Configuration • Login Magento Admin area

• Navigate to Magentothem > UpsellSlider > Configuration and configure default criteria as per screenshort below:

Below is paramenters explanation:

• Enabled: Include yes/no module paramenters • Auto slide: Enable auto scroller product

Page 70: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

70

• 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

10.2. How to set upsell products • Go to Catalog > Manage Products • Select any product • Select tab Up-sells. Then select “Any” like image below:

Page 71: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

71

• Click Search button. We get the following picture:

• Select upsell products like the image above

• Click Save or Save and Continue Edit • You can repeat steps above to configure new attribute for other products

Page 72: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

72

11. Related Slider ( Title “ Related products” in details product)

11.1. Configuration • Login Magento Admin area • Navigate to Magentothem > Related Slider > Configuration and

configure default criteria as per screenshort below:

Page 73: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

73

Below is paramenters explanation:

• Enabled: Include yes/no module paramenters

• 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

11.2. How to set related products • Go to Catalog > Manage Products • Select any product • Select Related Products

Page 74: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

74

• Select “Any” like the image below:

• Click Search button. And we get the image above

• Select related products like the image above • Click Save or Save and Continue Edit • You can repeat steps above to configure new attribute for other

products

Page 75: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

75

12. Brand slider ( Title “ Brand & Clients” )

12.1. Configuration • Login Magento Admin area

• Navigate to Magentothem > Brandslider > Configuration and configure default criteria as per screenshort below:

Below is paramenters explanation:

• Enabled : Include yes/no module paramenters • 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. • Width of Item: The width of items

Page 76: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

76

• Show Next/Back control: Defines whether display next/back button or not

• Show navigation control: Defines whether display navigation or not

12.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

• You can repeat Add Items above to configure new attribute for other Items.

Page 77: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

77

• When finished, click Save Item button to save your brand slider.

• Log out Magento Admin, then Reindex data

13. Prozoom

13.1. Configuration • Login Magento Admin area • Navigate to Magentothem > Prozoom > Configuration and

configure default criteria as per screenshort below:

Page 78: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

78

Below is paramenters explanation:

• Enabled Module: Include yes/no module paramenters • 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

14. Layered navigation ajax (Title “ Shop By” in products page)

14.1. Configuration • Login your Magento Admin area

Page 79: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

79

• Navigate to Magentothem > Layered navigation ajax> Configuration

• Click General Configuration • And configure default criteria as per screenshort below:

Below is paramenters explanation:

• Enabled Module : Include yes/no module paramenters. • Enable Toolbar Ajax : Defines whether enabled Toolbar ajax or not.

• Enable Slider : Defines whether show price slider

Page 80: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

80

• 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.

15. Ajaxcart Super

15.1. Configuration • Login your Magento Admin area

• Navigate to Magentothem > Ajaxcart Super> Configuration

Page 81: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

81

• Click General Configuration

• And configure default criteria as per screenshort below:

Below is paramenters explanation:

• Enabled Module : Include yes/no module paramenters.

• Show or hide Effect to cart : Defines whether show effect to cart or not.

• Example :

Page 82: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

82

• 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

Page 83: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

83

- or choose color from pallete

• Loading Image : Image when loading ajax cart. Click Browse to

choose image you want • Background Opacity : Opacity of background.

16. Theme options

16.1. Configuration • Login your Magento Admin area

• Navigate to Magentothem > Theme Options> Configuration

Page 84: SAHARA DIGITAL3 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_digital3_document.pdf · 1 SAHARA DIGITAL3 RESPONSIVE MAGENTO THEME This document is organized as follows:

84

• Click Theme Options Config

• Theme Color : Colors of theme.

• New label : Defines whether show label New or not • Sale label : Defines whether show label Sale or not