SAHARA FASHION5 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_fashion5_document.pdf · Ma_sahara_fashion5 is a Magento theme with advanced admin module, extremely customizable

1

SAHARA FASHION5 RESPONSIVE MAGENTO THEME

This document is organized as follows:

• Chater I. Install ma_sahara_fashion5 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_fashion5 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. Product view .............................................................................................................................. 22

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

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

5.1. Header Block ( Text : “ Summer Sale”) .............................................................................. 24

5.2. Header Call ( Text : “ support + 0123 456 789” ) ............................................................... 26

5.3. Banner Static ( Text : “Summer 2014”) .............................................................................. 28

5.4. Banner Static One ( Texts : “ Sneakers collection, spring collection”) ................................. 29

5.5. Custom Banner ( Text : “ digita”) ...................................................................................... 32

5.6. Banner Left ( Text : “Sneaker Collection” in products page) ............................................... 34

5.7. Static Sub Menu Col Right ................................................................................................. 35

5.8. Static Sub Menu Bottom ..................................................................................................... 37

5.9. Footer Static ( Titles : “Sahara, Myaccount, Information, Why choose us, opening time” ) . 38

5.10. Footer Static Center ( Title : “ New products, Onsales, Featureds, Mostviewed” ) ........... 40

5.11. Footer Static Center One( Titles : “ About us, Follow us social, Sign up for newsletter” ) 42

5.12. Change Footer Copyright ................................................................................................ 44

III. Extensions in this theme ............................................................................................................. 46

1. Banner7 ..................................................................................................................................... 46

1.1. Configuration ..................................................................................................................... 46

1.2. Add item in slideshow(banner7) ......................................................................................... 47

2. Upsell Slider .............................................................................................................................. 48

2.1. Configuration ..................................................................................................................... 48

3

2.2. How to set upsell products .................................................................................................. 49

3. Related Slider ............................................................................................................................ 51

3.1. Configuration ..................................................................................................................... 51

3.2. How to set related products ............................................................................................... 52

4. Brand slider ............................................................................................................................... 53

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

4.2. How to add logo ................................................................................................................. 54

5. Prozoom .................................................................................................................................... 55

5.1. Configuration ..................................................................................................................... 55

6. Custommenu .............................................................................................................................. 57

6.1. Configuration ..................................................................................................................... 57

6.2. Add CMS Block to popup of a specify category. ................................................................ 58

6.3. Add CMS Block to menu item. ........................................................................................... 59

6.4. How to know category IDs in magento : ............................................................................. 60

6.5. Add links to menu item. ..................................................................................................... 61

6.6. How to use ......................................................................................................................... 61

7. Layered navigation ajax ............................................................................................................. 64

7.1. Configuration ..................................................................................................................... 64

8. Ajaxcart Super ........................................................................................................................... 65

8.1. Configuration ..................................................................................................................... 65

9. Theme options ........................................................................................................................... 68

9.1. Configuration ..................................................................................................................... 68

10. New products ......................................................................................................................... 69

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

10.2. Set a product as a new product ........................................................................................ 71

11. Onsale products...................................................................................................................... 72

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

11.2. How to set product as discount product ........................................................................... 73

12. Mostviewed products ............................................................................................................. 75

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

13. Featured products ................................................................................................................... 76

13.1. Configuration ................................................................................................................. 76

4

13.2. Set a product to as featured product ................................................................................ 77

14. Vertical menu ........................................................................................................................ 79

14.1. Configuration ................................................................................................................. 79

14.2. How to use ..................................................................................................................... 80

15. Category Tabs Slider .............................................................................................................. 83

15.1. Configuration ................................................................................................................. 83

15.2. How to edit this extension............................................................................................... 85

15.3. How to identify category IDs in magento : ...................................................................... 86

16. How to upload rotator image .................................................................................................. 87

5

Ma_sahara_fashion5 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

6

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

7

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

ma_sahara_fashion567_quickstart folder ) to your server. ma_sahara_fashion567_quickstart.zip is in ma_sahara_package_1.0 Extract ma_sahara_fashion567_quickstart, we got:

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.

9

Click button “Continue”.

4. Step by step to follow the instructions.

Click “Continue”. We got:

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.

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

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_fashion5_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_fashion5_ template_1.0.zip in

ma_sahara_fashion5_package_1.0 Unzip ma_sahara_fashion5_ template_1.0.zip, we got:

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

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:

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>

16

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_fashion5-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

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

19

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>

20

21

22

3. Product view <image is next page>

23

24

4. Prozoom

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

5.1. Header Block ( Text : “ Summer Sale”) If you want to change images in this block, please do these steps below :

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

� You will see :

25

� At “Title ” column, choose “ Header Block ”

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

26

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

5.2. Header Call ( Text : “ support + 0123 456 789” ) If you want to change images in this block, please do these steps below :


� You will see :

27

� At “Title ” column, choose “Header Call”


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

28

5.3. Banner Static ( Text : “Summer 2014”) If you want to change images in this block, please do these steps below :


� You will see :

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

29


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

5.4. Banner Static One ( Texts : “ Sneakers collection, spring collection”) If you want to change images in this block, please do these steps below :


30

� You will see :

� At “Title ” column, choose “Banner Static One”

31


32

� You can change content by editing code HTML � Click “ Save Config” when you finish. � You should cut left image with size 270 x 250, center image

with size 570 x 250, right image with size 270 x 250.

5.5. Custom Banner ( Text : “ digita”) If you want to change images in this block, please do these steps below :


� You will see :

33

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


34


5.6. Banner Left ( Text : “Sneaker Collection” in products page) If you want to change images in this block, please do these steps below :


� You will see :

35

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



5.7. Static Sub Menu Col Right If you want to change images in this block, please do these steps below :


36

� You will see :

� At “Title ” column, choose “Static Sub Menu Col Right”

37



5.8. Static Sub Menu Bottom If you want to change images in this block, please do these steps below :


� You will see :

� At “Title ” column, choose “ Static Sub Menu Bottom”

38


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

5.9. Footer Static ( Titles : “Sahara, Myaccount, Information, Why choose us, opening time” ) If you want to change images in this block, please do these steps below :


39

� You will see :

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

40


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

5.10. Footer Static Center ( Title : “ New products, Onsales, Featureds, Mostviewed” ) If you want to change images in this block, please do these steps below :


� You will see :

41

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


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

42

� {{block type="newproduct/newproduct" name="newproduct" template="magentothem/newproduct/newproduct.phtml"}} – New products extension

� {{block type="onsaleproduct/onsaleproduct" name="onsaleproduct" template="magentothem/onsaleproduct/onsaleproduct.phtml"}}- Onsale products extension

� {{block type="featuredproduct/featuredproduct" name="featuredproduct" template="magentothem/featuredproduct/featuredproduct.phtml"}}- Featured products

� {{block type="mostviewedproduct/mostviewedproduct" name="mostviewedproduct" template="magentothem/mostviewedproduct/mostviewedproduct.phtml"}}- Mostviewed products

5.11. Footer Static Center One( Titles : “ About us, Follow us social, Sign up for newsletter” ) If you want to change images in this block, please do these steps below :


� You will see :

43

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


44

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

5.12. Change Footer Copyright If you can change in Footer Copyright, please do these steps below :

� Login your Magento Admin � Navigate to System > Configuration

45

� Choose tab “Design” and then click tab “Footer” :

You can edit HTML in this place.

46

� Click Save Config when you finish.

III. Extensions in this theme

1. Banner7

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

47

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

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

� Title: Title of the item � Link: URL of the item � Image: Image of item

48

� 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

2. Upsell Slider

2.1. Configuration • Login Magento Admin area • Navigate to Magentothem > UpsellSlider > Configuration and



• Enabled: Include yes/no module paramenters

• Auto slide: Enable auto scroller product • Title : Title of module • Slideshow Speed:Duration(in milliseconds) of slide transition

49

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

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

50

• 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

51

3. Related Slider

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



• Enabled: Include yes/no module paramenters

• Auto slide: Defines whether images autoplay or not • Slideshow Speed:Duration (in milliseconds) of slide transition


• 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

52

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

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

• Select Related Products

• Select “Any” like the image below:

53

• 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

4. Brand slider

4.1. Configuration • Login Magento Admin area • Navigate to Magentothem > Brandslider > Configuration and


54


• Enabled : Include yes/no module paramenters • Auto slide: Defines whether images autoplay or not • Slideshows Speed:Duration (in milliseconds) of slide transition


• 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

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

• Show navigation control: Defines whether display navigation or not

4.2. How to add logo

• Navigate to Magento > Brandslider > Manage Items. Then :

• Click Add Item:

55

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.

• When finished, click Save Item button to save your brand slider. • Log out Magento Admin, then Reindex data

5. Prozoom

5.1. Configuration • Login Magento Admin area

56

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


• 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

57

6. Custommenu

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

• After that you can customize number of columns.

58

• Config how to show popup

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

59

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

60

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

61

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

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

62

63

64

7. Layered navigation ajax

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


• Enabled Module : Include yes/no module paramenters.

65

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

8. Ajaxcart Super

8.1. Configuration • Login your Magento Admin area • Navigate to Magentothem > Ajaxcart Super> Configuration

66

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


• Enabled Module : Include yes/no module paramenters. • Show or hide Effect to cart : Defines whether show effect to cart or

not.

• Example :

67

• Using SSL : Enable if you use https.

68

• 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

- or choose color from pallete

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

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

9. Theme options

9.1. Configuration • Login your Magento Admin area

• Navigate to Magentothem > Theme Options> Configuration

69

• Click Theme Options Config

• New label : Defines whether show label New or not

• Sale label : Defines whether show label Sale or not

10. New products

10.1. Configuration • Login your Magento Admin area • Navigate to Magentothem > New Products> Configuration • And configure default criteria as per screenshort below:

70


• Enabled: Include yes/no module paramenters • Title : Title of module

• Product Listing Sort By : Sort products list by name, price • Direction : : Sort products list according to ascending or descending

direction

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

• Products per row: Number products will be displayed one row.

71

• Width of Thumbnail: The width of thumbnail image will be displayed.

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

10.2. Set a product as a new product • Go to Catalog> Manage Products •

• Select one product

72

• Set “Set Product as New from Date” and “Set Product as New to Date” ( Attribute set new product).

• Choose Categories tab :

• You can repeat steps above to configure new attributefor other products

11. Onsale products

11.1. Configuration • Login your Magento Admin area

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

Below is paramenters explanation: • Enabled: Include yes/no module paramenter

73

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

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

11.2. How to set product as discount product • Login your Magento Admin area • Navigate Catalog > Manage Products • Choose one product from table, and then navigate tab Prices:

74

• Set special price, from date to date

• Choose tab Categories :

• Click Save • You can repeat steps above to configure new attribute for other products

75

12. Mostviewed products This module show products which are most viewed.

12.1. Configuration • Login Magento Admin area

• Navigate to Magentothem > Mostviewed Products > Configuration

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.

76

• 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

13. Featured products

13.1. Configuration • Login Magento Admin Area

• Navigate Magentothem > Featured Products > Configuration and configure default criteria as per screenshort below:


• Enabled: Include yes/no module paramenter • Title : Title of module • Product Listing Sort By: Sort products list by name, price

• Direction: Sort products list according to ascending or descending direction

• 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

77

• 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 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 . • Products per row: Number products will be displayed one row.

• Width of Thumbnail: The width of thumbnail image will be displayed.

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

13.2. Set a product to as featured product • Go to Catalog > Manage Products • Select any product. Then :

• Set “Featured” = “ Yes” like image above

78

• In tab General : Select Yes in Featured. • Choose Categories tab :

79

• Click Save.

You can repeat steps above to configure new attribute for other products

14. Vertical menu

14.1. Configuration

• Please make sure VerticalMenu module get installed properly

• Login your Magento Admin area

• Navigate to Magentothem > VerticalMenu > Configuration and


Below is paramenterss 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.

80

14.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">


name="ma.verticalmenuright"

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

</reference>

To

<reference name="New position ">


name="ma.verticalmenuleft"

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

</reference>

<reference name="New position ">

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

name="ma.verticalmenuright"


</reference>

The extension will be displayed frontend:

+ Dropdown menu

+ Accordion menu

+ Tree menu

81


right"


The extension will be displayed frontend:


82

83

15. Category Tabs Slider

15.1. Configuration • Login your Magento Admin • Navigate to Magentothem > Category Tabs Slider >

Configuration

• Click General Configuration :

84


• Enabled: Defines whether enable module 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 Review : Defines whether the review rating will be displayed or not

• Show Price : Defines whether the price will be displayed or not • Show Add To Cart : Defines whether the add to cart will be displayed or not

• Show Add To Wishlist : Defines whether the add to wishlist will be displayed or not

• Show Add To Compare : Defines whether the add to compare will be displayed or not

• Width of Item : The width of the item

• Show Next/Back control : Defines whether next/back control will be displayed or not

• Show navigation control : Defines whether the navigation control will be displayed or not

85

15.2. How to edit this extension • Login your Magento Admin area

• Login your Magento Admin • Navigate to CMS > Pages

You will see :

Choose your Home page ( In demo, choose Home page )

You got :

86

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

• Navigate to Catalog > Manage Categories

87

16. How to upload rotator image Example, first image :

When hover, we see back of image ( rotator image) :

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

88

• Click sav

• Click Save button to save your configuration.

SAHARA FASHION5 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_fashion5_document.pdf · Ma_sahara_fashion5 is a Magento theme with advanced admin module, extremely customizable

Documents