sahara sport5 responsive magento themesaharathemes.com/demo/docs/ma_sahara_sport5_document.pdf ·...

1

SAHARA SPORT5 RESPONSIVE MAGENTO THEME

This document isorganizedasfollows:

• Chater I. Install ma_sahara_sport5 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_sport5 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. Banner Static One Sport5( Images with Texts : “fifa 2016”) .............................................. 25

5.2. Banner Center One Sport5 .................................................................................................. 28

5.2.1. How to show Banner Center One Sport5 block in this template ....................................... 30

5.3. Static Sub Menu Bottom ..................................................................................................... 31

5.4. Static Sub Menu Col Right ................................................................................................. 33

5.5. Banner Right ...................................................................................................................... 36

5.6. Newsletter Right ( Title “ Newsletter”) ............................................................................... 39

5.7. Static Bottom ( Title : “Static Block”)................................................................................. 41

5.7.1. How to show Static Bottom block in this template .......................................................... 43

5.8. Footer Static ( Titles : “Sahara, my account, information, why choose us, opening time” ) .. 44

5.9. Footer Logo Bottom ........................................................................................................... 47

5.10. Change Footer Copyright ( Text “© 2014 Magento Demo Store. All Rights Reserved.) .. 49

6. How to upload rotator image ...................................................................................................... 51

III. Extensions in this template ......................................................................................................... 53

1. Custommenu .............................................................................................................................. 53

1.1. Configuration ..................................................................................................................... 53

1.2. Add CMS Block to popup of a specify category. ................................................................ 55

1.3. Add CMS Block to menu item. ........................................................................................... 56

3

1.4. How to identify category IDs in magento : .......................................................................... 57

1.5. Add links to menu item. ..................................................................................................... 58

1.6. How to use ......................................................................................................................... 58

2. Banner7 ..................................................................................................................................... 61

2.1. Configuration ..................................................................................................................... 61

2.2. Add item in slideshow(banner7) ......................................................................................... 62

3. New products slider ( Title“ New products”) .............................................................................. 64

3.1. Configuration ..................................................................................................................... 64

3.2. How to set a product as a new product ................................................................................ 66

3.3. How to show New products slider extension in this template .............................................. 67

4. Featured Products Slider( Title “Featured”) ............................................................................... 69

4.1. Configuration ..................................................................................................................... 69

4.2. How to set a product to as featured product ........................................................................ 71

5. Mostviewed Products( Title“Mostviewed”) ................................................................................ 74

5.1. Configuration ..................................................................................................................... 74

6. Category Slider (Title “ Category Slider”) .................................................................................. 76

6.1. How to show categories in this extension ............................................................................ 76

6.2. How to identify category IDs in magento : .......................................................................... 79

6.3. Configuration ..................................................................................................................... 79

6.4. Featured products ............................................................................................................... 81

6.5. How to show Category slider extension in this template ...................................................... 82

7. Onsale products slider ( Title” Sale off products”) ...................................................................... 84

7.1. Configuration ..................................................................................................................... 84

7.2. How to set a product as a discount product ......................................................................... 86

7.3. How to show Onsale products slider extension in this template ........................................... 87

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

8.1. Configuration ..................................................................................................................... 89

8.2. How to set upsell products .................................................................................................. 90

9. Related Slider ............................................................................................................................ 92

9.1. Configuration ..................................................................................................................... 92

9.2. How to set related products ............................................................................................... 93

10. Prozoom ................................................................................................................................ 95

4

10.1. Configuration ................................................................................................................. 95

11. Layered navigation ajax ( in products page) ............................................................................ 96

11.1. Configuration ................................................................................................................. 96

12. Ajaxcart Super ....................................................................................................................... 98

12.1. Configuration ................................................................................................................. 98

13. Theme options ..................................................................................................................... 101

13.1. Configuration ............................................................................................................... 101

5

Ma_sahara_sport5isa Magento theme withadvanced admin module,extremely customizable andfullyresponsive.Itis suitable foreverytypeofstore.Itisa standalone design package(nota sub-themeofMagento“default” theme) so youcan easilycreate yourownsub-themes.

More info Andhereyoucan find outmore aboutthemeupdates,newfeatures andaboutour upcoming themes: - Follow us on Facebook - Follow us on Plazathemes

6

I. Install ma_sahara_sport5template

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_sport45678_quickstartfolder ) to your server. ma_sahara_sport45678_quickstart.zipis in ma_sahara_package_1.0

Extract ma_sahara_sport45678_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 )

Aftercacheisdisabled cachemanagementscreen mightlook like this:

8. Reindex data � Go toSystem >IndexManagement.To rebuild

yourindexes,selectall,selectReindex Dataand click Submitbutton.

2. Install template 1. Please unzip package ma_sahara_sport5_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_sport5_template.zipinma_sahara_sport5_package Unzip ma_sahara_sport5_template.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 :

ChooseAll 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 )

Aftercacheisdisabled cachemanagementscreen mightlook like this:

15

II. Theme features and elements Inthischapter youcan find descriptionand configuration details ofselected

elements of this theme,such ashome page,built-instatic blocks, CSS classes etc.

1. Home page

1.1. Structure <image is next page>

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_sport5-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 Forevery CMSpage inMagento youcanselectpage layout-the number

ofcolumns:one, two,orthreecolumns.To change the layoutof thehome page,gotoCMS >Pages,select the page,selectoneof the options in the Layoutfieldand click SavePagebutton

1.2.2. Home page content To edit the contentofthe homepage,go toCMS >Pagesandopen the

activehomepage. Contentcanbefound in the mainfield oftheContenttab:

Important Alwaysturn offWYSIWYGeditorwhenyouwantto edit

19

HTMLorMagento's CMStags inthe page/blockcontent.OtherwiseWYSIWYGeditorwillbreak the content. Refer to4.8.1 WYSIWYGeditorfor more details.

2. Products grid page and productslist page <image is next page>

22

3. Details page <image is next page>

24

4. Prozoom

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

25

5.1. Banner Static OneSport5( Images with Texts : “fifa 2016”)

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 :

26

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

27

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

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

with size 270 x235.

28

5.2. Banner Center One Sport5

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 :

29

� At “Title ” column, choose “ Banner Center One Sport5”

30


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

5.2.1. How to show Banner Center One Sport5 block in this template • Login your magento admin

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

31

• Click “ Show/Hide Editor”:

This code : {{block type="cms/block" block_id="banner_center_one_sport5"}}- Show Banner Center One Sport5 block in this template.

5.3. Static Sub Menu Bottom

32

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 :

33

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



5.4. Static Sub Menu Col Right

34


� You will see :

35

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



36

5.5. Banner Right

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 :

37

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

38



39

5.6. Newsletter Right ( Title “ Newsletter”)


� You will see :

40

� At “Title ” column, choose “ Newsletter”

41


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

5.7. Static Bottom ( Title : “Static Block”)


42

� You will see :

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

43


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

5.7.1. How to show Static Bottom block in this template • Login your magento admin • Navigate CMS>Pages • At Title , Choose your Homepage • Choose tab Content :

44


This code : {{block type="cms/block" block_id="static_bottom"}}-

Show Static Bottomblock in this template.

5.8. Footer Static ( Titles : “Sahara, my account, information, why choose us, opening time” )


� You will see :

45

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

46



47

5.9. Footer Logo Bottom


� You will see :

48

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

49



5.10. Change Footer Copyright ( Text “© 2014 Magento Demo Store. All Rights Reserved.)

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

50

� Login your Magento Admin � Navigate to System > Configuration

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

51

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

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

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

52

� How to upload rotator image : • Login your magento admin • Navigate to Catalog>ManageProducts • Choose one products you want to have rotator image, example, here choose

Nuncfacilisis : • At Product Information , choose tab Images • Choose BrowseFiles to choose images. Then click Upload Files to upload

images. Then tick at RotatorImage columnif you want to choose that image as rotator image :

• Click sav

• Click Save button to save your configuration.

53

III. Extensions in this template

1. Custommenu

1.1. Configuration • Log in to the admin panel, and we will show you how to configure the

extension step by step. • To enable the extension, go to System ->Configuration -

>CustomMenu -> General on your Dashboard.

Also in General tab you can configure next three fields.

54

• After that you can customize number of columns.

• Config how to show popup

55

1.2. Add CMS Block to popup of a specify category. � In order to display a custom block with images or other html content

in the popup, use the Static Block (CMS->Static Blocks section) with the ID like "pt_menu_idcat_10", where "10" is the Category ID of this category.

� Default the custom block will be show at the bottom of the popup. But if you want to show it on the right of the popup, just use the ID like “pt_menu_idcat_10_right”.

56

1.3. Add CMS Block to menu item. � Just use the static block with the ID has prefix is "pt_item_menu". � Ex: pt_item_menu_first, pt_item_menu_second…

57

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

58

1.5. Add links to menu item. � In order to add links to menu item we use only static block with the

ID is “pt_menu_links”. � The content of this static block like this:

<ul> <li><a href="{{store direct_url="about-magento-demo-store"}}">About Us</a></li> <li><a href="{{store direct_url="contacts"}}">Contact Us</a></li> </ul>

1.6. How to use • Go to frontend and just hover mouse on the menu items to see how it

work. • Below are some demo images

61

2. Banner7

You should cut image with size 870 x 399.

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

62

• 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

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

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

63

� 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

64

3. New products slider ( Title“ New products”)

3.1. Configuration • Login your Magento Admin area

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

65


• Enabled: Include yes/no module paramenter

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

animation. Defines how fast the current slide is replaced with the next slide.

• Pause: Time (in milliseconds) between slide transitions • Show Price: Defines whether display price or not

• Show Add To Cart: Defines whether the Add to cart is displayed or not

• Show Add To Compare: Defines whether the Add to compare is displayed or not

• Show Add To Wishlist: Defines whether the Add to wishlist is displayed or not

66

• 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 Product: Product quantity will be displayed on product slider. • Number Product Show: Number product display per 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 display next/back button or not

• Show navigation control: Defines whether display navigation or not

3.2. How to set a product as a new product • Go to Catalog>ManageProducts

• Select one product

67

• 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

3.3. How to show New products sliderextension in this template • Login your magento admin • Navigate CMS>Pages • At Title , Choose your Homepage • Choose tab Content :

68


This code : {{block type="newproductslider/newproductslider" name="newproductslider" template="magentothem/newproductslider/newproductslider.phtml"}} Show New products sliderextension in this template.

69

4. Featured Products Slider( Title “Featured”)

4.1. Configuration • Login Magento Admin Area • Navigate Magentothem > Featured Products Slider>

Configuration and configure default criteria as per screenshort below:

70


• Enabled: Include yes/no module paramenter

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


• Pause: Time (in milliseconds) between slide transitions • Show Price: Defines whether display price or not

• Show Add To Cart: Defines whether the Add to cart is displayed or not

• Show Add To Compare: Defines whether the Add to compare is displayed or not

• Show Add To Wishlist: Defines whether the Add to wishlist is displayed or not

71

• 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 Product: Product quantity will be displayed on product slider. • Number Product Show: Number product display per row

• Width of Item: The width of the item


• 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 set a product to as featured product • Go to Catalog > Manage Products • Select any product. Then : • Set “Featured” = “ Yes” like image above

72

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

73

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

products

74

5. Mostviewed Products( Title“Mostviewed”)

This extension show most viewed products.

5.1. Configuration • Login your magento admin

• Navigate to Magentothem > Mostviewed Products > Configuration • Click Mostviewed Product Config:

75

Below is paramenters explanation :

• Enabled: Include yes/no module paramenter • 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 this extension • Products per row : Number of products will be shown per row.


76

6. Category Slider (Title “ Category Slider”)

This module shows categories with all products in slider.

6.1. How to show categories in this extension • Login your Magento Admin • Navigate to Magentothem > Catalog > Manage Categories

You will see :

77

Example : With configuration:

78

You got :

79

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

• Navigate to Catalog > Manage Categories

6.3. Configuration � Login your Magento Admin � Navigate to Magentothem > Category Slider >

Configuration � Click Categories Configuration, Featured Product Setting,

Product Show :

80


At Categories Slider Config:

• Enabled: Defines whether enable module or not • Add jQuery : Defines whether add jquery or not • Auto slide: Defines whether slide will be autoplayed or not

• Title : Title of module. • Slide Speed: Duration (in milliseconds) of slide transition animation.

Defines how fast the current slide is replaced with the next slide.

• Sort Name Items: Name Items will be sorted in ascending, descending. • Max Item Slider: Most number of items allowed in module

• Width of Item: The width of item.

• Width of Thumbnail : The width of thumbnail. • Height of Thumbnail: The height of thumbnail.

81

At Featured Product Setting :

• Enable Featured Products : Defines whether enable module or not

• Title : Title of module.

At Product Show:

• Show Category default : Default category will be shown.

• Show product default : Type of product default will be shown : featured products, new products, mostviewed, bestseller products, random products, sale products, special products.

• Play Delay : Timeout between 2 slides when enbale auto slide

• Display column: Number product will be shown in a row.

• Number Product Show : Number product will be accepted in one category. • Show Review Product : Defines whether show review rating or not.

• Show Action Product: Show actions of product such as : add to cart, add to wishlist, compare or all, or don’t show.

6.4. Featured products At this module, we have got Featured Products table :

� Login your Magento Admin � Navigate to Magentothem > Category Slider > Featured

Products

You will see products table

82

To set one product as featured product, you only need tick in that product Then click Save Featured Products.

6.5. How to show Category slider extension in this template • Login your magento admin • Navigate CMS>Pages • At Title , Choose your Homepage • Choose tab Content :

83


This code : {{block type="catslider/catslider" name="catslider" before="-" template="magentothem/catslider/catslider.phtml"}} - Show Category slider extension in this template.

84

7. Onsale products slider ( Title” Sale products”)


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

85

Below is paramenters explanation: • Enabled: Include yes/no module parameter • Auto slide : Defines whether items auto play or not

• Title: Title of module • Slidshow Speed : Duration (in milliseconds) of slide transition


• Pause : Timeout between 2 slides when enbale auto slide

• Show Price : Defines whether the Price is displayed or not

• Show Add to Cart: Defines whether the Add to Cart is displayed or not

• Show Add to Wishlist: Defines whether the Add to Wishlist is displayed or not

• Show Add to Compare: Defines whether the Add to Compare is displayed or not

• Show Review Rating: Defines whether Review Rating is displayed

86

or not • Show Short desciption: Defines whether the short description is

displayed or not • Short description max length: Max length of short description is

displayed. • Qty of Products: Product quantity will be displayed on product

Slider. • Number Product Show : Number of products will be shown. • Width of Item : The width of item. • Width of Thumbnail: Width of thumbnail image will be displayed.

• Height of Thumbnail: Height of thumbnail image will be displayed. • Show Next/Back control : Defines whether display next/back control. • Show navigation control : Defines whether display navigation control.

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

87

• Set special price, from date to date • Choose tab Categories :

• Click Save

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

7.3. How to show Onsale products slider extension in this template • Login your magento admin

• Navigate CMS>Pages

88

• At Title , Choose your Homepage • Choose tab Content :


This code : {{block type="onsaleslider/onsaleslider" name="ma.onsaleslider" template="magentothem/onsaleslider/onsaleslider.phtml"}} Show Onsale products slider extension in this template.

89

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

8.1. Configuration • Login Magento Admin area

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


90

• Enabled: Include yes/no module paramenters

• Auto slide: Enable auto scroller product • Title : Title of module

• Slideshow Speed:Duration(in milliseconds) of slide transition animation. Defines how fast the current slide is replaced with the next slide.

• Animation Speed: The speed of animations, in milliseconds

• Show Price: Defines whether price of product is displayed or not • Show Review Rating: Defines whether the review rating is

displayed or not • Qty of Products: Product quantity will be displayed on product

scroller. • Number Product Show: Number product will be displayed in a

row • Width of Thumbnail:The width of thumbnail image will be

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

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

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

button is displayed or not

8.2. How to set upsell products • Go to Catalog > Manage Products • Select any product

• Select tab Up-sells. Then select “Any” like image below:

91

• 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

92

9. Related Slider This template don’t use related slider now. If you want to use this extension, enable in admin.

9.1. Configuration • Login Magento Admin area

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


• 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

93

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

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

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

• Select Related Products

• Select “Any” like the image below:

94

• 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

95

10. Prozoom

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

configure default criteria as per screenshort below:

96


• 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

11. Layered navigation ajax ( in products page)


• Navigate to Magentothem > Layered navigation ajax> Configuration

97

• Click General Configuration

• And configure default criteria as per screenshort below:


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

• Enable Slider : Defines whether show price slider

98

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

12. Ajaxcart Super


• Navigate to Magentothem > Ajaxcart Super> Configuration

99

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

100

• 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

101

- or choose color from pallete

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

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

13. Theme options


• Navigate to Magentothem > Theme Options> Configuration

102

• Click Theme Options Config

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

sahara sport5 responsive magento themesaharathemes.com/demo/docs/ma_sahara_sport5_document.pdf ·...

Documents