SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5...

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

Transcript of SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5...

Page 1: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

1

SAHARA FOOD1 RESPONSIVE

MAGENTO THEME

This document is organized as follows:

Chater I. Install ma_sahara_food1 template

Chapter II. Features and elements of the template

Chapter III. List of extensions in this template

Page 2: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

2

Table of Contents

I. Install ma_sahara_food1 template ........................................................................................................ 5

1. Install quickstart ................................................................................................................................ 5

2. Install template ............................................................................................................................... 11

II. Theme features and elements .............................................................................................................. 14

1. Home page ...................................................................................................................................... 14

1.1. Structure .................................................................................................................................. 14

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

3. Details page ..................................................................................................................................... 20

4. Prozoom .......................................................................................................................................... 22

5. How to edit Static Blocks in this template ...................................................................................... 22

5.1. Block header (text “ Call us : +48 500-312-312”) ................................................................. 22

5.2. Banner Static Food ( Images with Texts “ Fresh food, sweet cake, ice cream” ) ................... 24

5.3. Menu links ( Title “ Bestseller” in Custommenu) ................................................................... 26

5.4. Footer Static 2 (Titles “About Us, Contact Us, Latest Tweet, Newsletter”)............................ 28

5.5. Footer Static (Titles “Information, Our Services, Why Buy From Us, My Account”) ............ 31

5.6. Payment ................................................................................................................................... 34

5.7. Static Sub Menu Bottom ......................................................................................................... 36

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

III. Extensions in this template ............................................................................................................. 40

1. Custommenu ................................................................................................................................... 40

1.1. Configuration .......................................................................................................................... 40

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

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

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

1.5. Add links to menu item. .......................................................................................................... 45

1.6. How to use .............................................................................................................................. 45

2. Banner Sequence ............................................................................................................................. 48

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

2.2. How to add banner sequence .................................................................................................. 49

Page 3: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

3

3. Bestseller products list ( Title “ Bestseller” in Custommenu) ....................................................... 52

3.1. Configuration .......................................................................................................................... 52

4. Product Tabs ( Titles “Featured products, new products, sale products”) ..................................... 53

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

4.2. Featured Products Table .......................................................................................................... 55

4.3. How to show Product Tabs extension in this template ........................................................... 56

5. Bestseller products slider ( Title “ Bestseller products”) ................................................................ 57

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

6. Brand slider ( Title “Brand & Clients” ) ......................................................................................... 59

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

6.2. How to add logo ...................................................................................................................... 60

7. Blog ( Title “ Latest Posts”) ............................................................................................................ 62

7.1. Configuration this extension ................................................................................................... 62

7.2. How to creat categories ........................................................................................................... 65

7.3. How to add post ...................................................................................................................... 66

7.4. How to manage posts .............................................................................................................. 68

7.5. How to manage comments ...................................................................................................... 68

8. Latesttweet ( Title “Latest Tweet”) ................................................................................................. 70

8.1. Configuration .......................................................................................................................... 70

8.2. Set up ...................................................................................................................................... 70

9. Related Slider ( Title “ Related products”)..................................................................................... 73

9.1. Configuration .......................................................................................................................... 73

9.2. How to set related products .................................................................................................... 74

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

10.1. Configuration ...................................................................................................................... 76

10.2. How to set upsell products .................................................................................................. 77

11. Prozoom ...................................................................................................................................... 79

11.1. Configuration ...................................................................................................................... 79

12. Layered navigation ajax ( in products page) ............................................................................... 80

12.1. Configuration ...................................................................................................................... 80

13. Ajaxcart Super ............................................................................................................................ 82

13.1. Configuration ...................................................................................................................... 82

Page 4: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

4

14. Theme options ............................................................................................................................. 85

14.1. Configuration ...................................................................................................................... 85

Page 5: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

5

I. Install ma_sahara_food1 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 6: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

6

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

ma_sahara_multi1 _quickstart folder ) to your server.

ma_sahara_multi1_quickstart.zip is in ma_sahara_package_1.0

Extract ma_sahara_multi1_quickstart, we got:

Page 7: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

7

Copy all of folder above to your Magento .

3. Open browser and navigate to your site (where the quickstart uploaded) to

load default Magento installer with the database you just created and

import database sample.

As an example, name of magento is ma_sahara.

Page 8: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

8

Click button “Continue”.

4. Step by step to follow the instructions.

Click “Continue”. We got:

Page 9: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

9

With database name : ma_sahara – database name you have just created

User name : root

User password : No need to fill in.

Click “Continue” button.

Page 10: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

10

- Fill

Personal information : First Name, Las Name, Email

Login Information: Username, Password, Confirm Password

- Click “Continue” button

5. Finish installer.

6. You can “Go to frontend” to go to Home page.

(Important note ( at step 3 of installation - Configuration page) )

7. Disable cache

Login your magento admin

Page 11: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

11

Clear all cache ( System > Cache management > Disabled all

cache )

After cache is disabled cache management screen might look like this:

8. Reindex data

Go to System > Index Management. To rebuild your indexes,

select all, select Reindex Data and click Submit button.

2. Install template

1. Please unzip package ma_sahara_food1_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_food1_ template.zip in ma_sahara _package_1.0

Unzip ma_sahara_food1_ template.zip, we got:

Page 12: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

12

Copy all app, js, media, skin above to your Magento.

2. Please go to Magento Admin > Magentothem > Install template

3. If your magento has many store views :

Choose All Store View -> then click submit button

Page 13: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

13

If don’t have many store views, choose Submit button :

4. Clear all cache ( System > Cache management > Disabled all cache )

After cache is disabled cache management screen might look like this:

Page 14: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

14

II. Theme features and elements

In this chapter you can find description and configuration details of

selected elements of this theme, such as home page, built-in static blocks,

CSS classes etc.

1. Home page

1.1. Structure

<image is next page>

Page 15: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

15

Page 16: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

16

After the theme is installed, you can import sample versions of the

home page.

To manage pages in Magento, go to CMS > Pages section. By

default in Magento a page with URL Key home is displayed as the

store’s home page. One of a few sample home pages which you

can import, has the following URL key: sahara_food1-home-page.

So to display that page as a home page in your store, you need to

change its URL key to simple home.

Note:

If the page with that URL key already exists(which is true in

most of Magento installations) you will need to delete existing

page or change its url key.

Alternatively you can indicate which CMS page you want to use

as your home page. To do that, go to System > Configuration >

General > Web > Default Pages tab and select the desired page in

the CMS Home Page field.

1.1.1. Home page layout

For every CMS page in Magento you can select page layout - the

number of columns: one, two, or three columns. To change the layout of the

home page, go to CMS > Pages, select the page, select one of the options in

the Layout field and click Save Page button

1.1.2. Home page content

To edit the content of the home page, go to CMS > Pages and open

the active home page. Content can be found in the main field of the

Content tab:

Page 17: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

17

Important

Always turn off WYSIWYG editor when you want to edit HTML or

Magento's CMS tags in the page/block content. Otherwise WYSIWYG

editor will break the content. Refer to 4.8.1 WYSIWYG editor for more

details.

2. Products grid page and products list page

<image is next page>

Page 18: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

18

Page 19: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

19

Page 20: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

20

3. Details page

<image is next page>

Page 21: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

21

Page 22: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

22

4. Prozoom

5. How to edit Static Blocks in this template

Names of blocks and extensions in home image, grid, list, view.

5.1. Block header (text “ Call us : +48 500-312-312”)

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 23: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

23

You will see :

At “Title” column, choose “block header”

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

Page 24: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

24

You can change content by editing code HTML

Click “ Save Config” when you finish.

5.2. Banner Static Food ( Images with Texts “ Fresh food, sweet cake, ice

cream” )

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 25: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

25

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

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

Page 26: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

26

You can change content by editing code HTML

Click “ Save Config” when you finish.

You should cut background image with size 130 x 93.

5.3. Menu links ( Title “ Bestseller” in Custommenu)

This block contains links to bestseller products page.

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

Login your Magento Admin area

Navigate to CMS > Static Blocks

You will see :

Page 27: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

27

At “Title” column, choose “ menu links”

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

Page 28: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

28

You can change image by editing code HTML

Click “ Save Config” when you finish.

<a href="{{store

url="bestsellerproductlist"}}">bestseller</a> - link to

Bestseller products page.( module Bestseller products list)

5.4. Footer Static 2 (Titles “About Us, Contact Us, Latest Tweet, Newsletter”)

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

Login your Magento Admin area

Navigate to CMS > Static Blocks

You will see :

Page 29: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

29

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

Page 30: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

30

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

Page 31: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

31

You can change content by editing code HTML

Click “ Save Config” when you finish.

5.5. Footer Static (Titles “Information, Our Services, Why Buy From Us, My

Account”)

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 FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

32

At “Title” column, choose “Footer Static”

Page 33: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

33

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

Page 34: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

34

You can change content by editing code HTML

Click “ Save Config” when you finish.

5.6. Payment

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

Login your Magento Admin area

Navigate to CMS > Static Blocks

You will see :

Page 35: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

35

At “Title” column, choose “ Payment”

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

Page 36: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

36

You can change image by editing code HTML

Click “ Save Config” when you finish.

5.7. Static Sub Menu Bottom

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 “ Static Sub Menu Bottom”

Page 37: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

37

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 425 x 123.

5.8. Change Footer Copyright ( Text “© 2014 Magento Demo Store. All

Rights Reserved”)

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

Login your Magento Admin

Navigate to System > Configuration

Page 38: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

38

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

You can edit HTML in this place.

Page 39: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

39

Click Save Config when you finish.

Page 40: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

40

III. Extensions in this template

1. Custommenu

1.1. Configuration

Log in to the admin panel, and we will show you how to configure the

extension step by step.

To enable the extension, go to System -> Configuration ->

Custom Menu -> General on your Dashboard.

Also in General tab you can configure next three fields.

Page 41: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

41

After that you can customize number of columns.

Config how to show popup

Page 42: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

42

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

Page 43: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

43

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…

Page 44: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

44

1.4. How to identify category IDs in magento :

Login your magento admin

Navigate to Catalog > Manage Categories

Page 45: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

45

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

Page 46: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

46

Page 47: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

47

Page 48: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

48

2. Banner Sequence

You should cut image with size 1170 x 451, background image with size 2000 x

519.

2.1. Configuration

Login your magento admin

Navigate to Magentothem > Banner Sequence > Configuration :

We got :

Page 49: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

49

- Enable : Enable this module or not

- Auto slide : Defines whether slideshow auto play or not

- Delay : Time between transition of 2 slides when enable auto slide.

- Pause on hover : Defines whether slide will be paused or not when you hover

image if enable auto slide.

- Show Next/Back control : Defines whether next/back button will be shown or

not

- Show navigation control : Defines whether navigation control will be shown or

not

2.2. How to add banner sequence

Login your magento admin

Navigate to Magentothem > Banner Sequence > Manage Banner

Page 50: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

50

Click Add Item

- Store View : Store view which banner will be displayed . Default is All Stores

Views.

Page 51: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

51

- Title : Title of banner

- Animation : Animation between titles and image

- Title 2 : Title of banner

- Link : Link of banner

- Background Image : Click Browse to choose one image as background of

banner

- Image : Click Browse to choose one image of banner.

- Description : Description of banner

- Kinds of effect : Effects of image.

- Status : Enable or disable banner

- Order : Order of banner.

Example :

With this item :

Page 52: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

52

You got:

3. Bestseller products list ( Title “ Bestseller” in Custommenu)

This module shows best selling products page.

3.1. Configuration

Login your magento admin

Navigate to Magentothem > Bestseller Products List > Configuration :

Below is paramenters explanation:

Enabled: Defines whether enable or disable this module

Page 53: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

53

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

Qty Of Products : Number of products will be displayed in this module

Products per row : Number of products will be displayed per row.

Width Of Image : The width of the image.

Height Of Image : The height of the image.

Click Save Config when you finish config.

4. Product Tabs ( Titles “Featured products, new products, sale products”)

This module shows mode of products in slider in each tab : featured products, new

products, discount products, best selling products, most viewed products, random

products.

4.1. Configuration

Login Magento Admin Area

Navigate Magentothem > Product Tabs > Configuration > Click

Product Tabs Config, Featured Product Setting, Product Show.

Page 54: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

54

Below is paramenters explanation:

Enabled: Include yes/no module parameter

Auto slide : Defines whether slide auto play 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.

Min Item Slider : Min number of items in slider

Max Item Slider : Max number of items in slider

Show navigation control : Defines whether show navigation control or

not

Width of item : Width of item.

Width of Thumbnail: Width of thumbnail image will be displayed.

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

Page 55: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

55

Enable Featured Products : Defines whether enable featured products table

or not.

Title : Title of table.

Show Type Product : Choose types of products in each tab.

- Bestseller : Show best selling products

- Featured Products : Show featured products

- New Products : Show new products

- Random Products : Show random products

- Sale products : Show discount products

Number Product Show : Number of products will be shown in each tab

Show Action Product : Choose actions of product such as : add to cart,

add to wishlist, add to compare or display all or none.

4.2. Featured Products Table

Login your magento admin

Navigate to Product Tabs > Featured Products

Page 56: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

56

If you want to set product as featured, tick at that product.

Click Save Featured Products to save your config.

4.3. How to show Product Tabs extension in this template

Login your magento admin

Navigate CMS > Pages

At Title, Choose your Home page

Choose tab Content :

Page 57: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

57

Click “ Show/Hide Editor”:

This code : {{block type="producttabs/producttabs" name="producttabs"

template="magentothem/producttabs/producttabs.phtml" }}

Show Product Tabs extension in this template.

5. Bestseller products slider ( Title “ Bestseller products”)

This module shows best selling products ( most ordered products) in slider.

5.1. Configuration

Login Magento Admin area

Navigate to Magentothem > Bestseller Products Slider>

Configuration

Page 58: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

58

Enabled: Include yes/no module paramenter

Auto slide : Defines whether items auto play or not

Title: Title of module

Slidshow Speed : Duration (in milliseconds) of slide transition

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

slide.

Pause : Timeout between 2 slides when enbale auto slide

Show Price : Defines whether the Price is displayed or

not

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

not

Show Add to Wishlist: Defines whether the Add to Wishlist is

displayed or not

Show Add to Compare: Defines whether the Add to Compare is

displayed or not

Show Review Rating: Defines whether Review Rating is displayed

or not

Page 59: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

59

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.

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

6.1. Configuration

Login Magento Admin area

Navigate to Magentothem > Brandslider > Configuration and

configure default criteria as per screenshort below:

Page 60: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

60

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

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

not

Show navigation control: Defines whether display navigation or not

6.2. How to add logo

Navigate to Magento > Brandslider > Manage Items. Then :

Click Add Item:

Page 61: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

61

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

Page 62: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

62

7. Blog ( Title “ Latest Posts”)

7.1. Configuration this extension

Login your Magento Admin

Navigate to Magentothem > Blog > Configuration

Page 63: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

63

Page 64: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

64

Some explanations :

At Blog Setting :

Enable : Defines whether enable module or not

Route to Blog :

Example URL :

http://192.168.1.2/magento_test/ma_bravia_quickstart/index.php/blog

“blog” is Route to Blog.

Blog Title : Title of blog

Page layout : Choose layout for blog page.

Date Format : Format of date

Summary Character Count : Number of characters in a post to be displayed

before it is truncated and the Read More link is added. 0 for unlimited.

Use Short Content Field : If enabled, additional "Short Content Field" is

taken instead of truncated main post.

At Slide Setting :

Example :

Enable Slide : Defines whether enable slide or not

Width one column (PX) : The width slide

Number of columns : Number of columns will be shown in slide

Number of rows : Number of rows will be shown in slide

Speed of slide : The speed of slide

Auto Slide : Defines whether slide will be auto played or not

Max Slide Show : Maximum number of slideshow will be shown

Include Jquery : Defines whether include jquery or not

At Menus and Links :

Enable Left Menu : Show posts in left sidebar

Enable Right Menu : Show posts in right sidebar

Page 65: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

65

Recent Posts : The number of recent post to be displayed in the menu. 0 to

disable.

7.2. How to creat categories

Login your magento admin

Navigate to Magentothem > Blog > Categories

Click Add New

- Title : Title of category

- Identifier : ID of category

- Sort Order

- Store View : Choose store view you want to show categories

- Keywords

- Description : Description of category

Page 66: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

66

Click Save Category to save your config.

7.3. How to add post

Login your magento admin

Navigate to Magentothem > Blog > Add Post

Page 67: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

67

Page 68: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

68

- Title : Title of post

- Identifier : Id of post

- Store view : Choose store view for this post

- Category : Choose category for this post. Default category is News

- Status : Hidden pages won't be shown in blog but still can be accessed directly

- Enable Comments : Disabling will close the post to new comments

- Tag : Type tag

- Short Content : Click Show/Hide Editor to type short content

- Content : Click Show/Hide Editor to type content

7.4. How to manage posts

Login your magento admin

Navigate to Magentothem > Blog > Posts

Choose post you want to edit

Edit or dublicate, delete post.

Click Save Post to save your changes.

7.5. How to manage comments

Login your magento admin

Navigate to Magentothem > Blog > Comments

Page 69: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

69

- User : User name

- Email Address

- Status : Choose Approved to show comment, choose Unapproved to don’t

show comment.

- Comment : Content of comment

Click Save Comment to save your change

Or Delete Comment if you want to delete it.

Page 70: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

70

8. Latesttweet ( Title “Latest Tweet”)

8.1. Configuration

Login Magento Admin area

Navigate to Magentothem > Latesttweet > Configuration and

configure default criteria as per screenshort below:

Below is explanation:

Enabled: Include yes/no module paramenters

Heading Title : Title of module

Number of Tweets show : Number of tweets will be displayed

Show Time Stamp : Defines whether show time stamp or not

8.2. Set up

Step 1 - Setup a Twitter Application

This process is straightforward and you should have a set of keys within a

few minutes.

1. Visit https://dev.twitter.com/apps/ and sign in using your Twitter username and

password. This doesn't have to be the username or password of the stream

Page 71: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

71

you need access to, just a Twitter account you control.

2. Select "Create new application" and enter the application details.

1. The name and description can be anything you like really, but you can't

use "Twitter" in the name.

2. The website field can be your main website and doesn't have to be the site

where your Twitter feed or feeds are located.

3. Callback URL can be left blank

4. Enter the CAPTCHA info and click create

5. On the next details screen, click "create my access token". You may need

to refresh the page after a few seconds if it doesn't appear automatically.

6. Make a note of the Consumer key, Consumer secret, Access token and

Access token secret as highlighted below.

Page 72: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

72

Step 2 - Authenticate the Twitter Feed

You go to your Website folder ( www, public_html ) -> "twitter" folder then

open "get-tweets.php" file and change

$twitteruser = "twitter_username";

$consumerkey = “AubOwFFQ9r35FIEZNTrTsg”

$consumersecret =

“Rfdmx8MYYILJvQ8tz7265MEs9sTLOoFKHnLfMjrpwpY”

$accesstoken =

"dOoHvGJR8LqBAxzVxa5RBGng1mVmSIpGEbVBt9uSw”

$accesstokensecret =

"dOoHvGJR8LqBAxzVxa5RBGng1mVmSIpGEbVBt9uSw";

Page 73: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

73

9. Related Slider ( Title “ Related products”)

9.1. Configuration

Login Magento Admin area

Navigate to Magentothem > Related Slider > Configuration and

configure default criteria as per screenshort below:

Page 74: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

74

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

9.2. How to set related products

Go to Catalog > Manage Products

Select any product

Select Related Products

Page 75: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

75

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 76: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

76

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

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.

Page 77: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

77

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:

Click Search button. We get the following picture:

Page 78: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

78

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 79: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

79

11. Prozoom

11.1. Configuration

Login Magento Admin area

Navigate to Magentothem > Prozoom > Configuration and

configure default criteria as per screenshort below:

Page 80: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

80

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

12. Layered navigation ajax ( in products page)

12.1. Configuration

Login your Magento Admin area

Page 81: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

81

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 82: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

82

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.

13. Ajaxcart Super

13.1. Configuration

Login your Magento Admin area

Navigate to Magentothem > Ajaxcart Super> Configuration

Page 83: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

83

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 84: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

84

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 85: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

85

- or choose color from pallete

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

choose image you want

Background Opacity : Opacity of background.

14. Theme options

14.1. Configuration

Login your Magento Admin area

Navigate to Magentothem > Theme Options> Configuration

Page 86: SAHARA FOOD1 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food1_document.pdf · 5 I. Install ma_sahara_food1 template There are two ways to install a Magento Theme:

86

Click Theme Options Config

New label : Defines whether show label New or not

Sale label : Defines whether show label Sale or not