SAHARA FOOD2 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food2_document.pdfAfter...

1

SAHARA FOOD2 RESPONSIVE

MAGENTO THEME

This document is organized as follows:

Chater I. Install ma_sahara_food2 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_food2 template ........................................................................................................ 5

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

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

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

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

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

1.2. Menu ....................................................................................................................................... 16

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

3. Details page ..................................................................................................................................... 21

4. Prozoom .......................................................................................................................................... 23

5. How to edit static blocks in this template ....................................................................................... 23

5.1. Banner Static ( Texts : “Breakfast Menu, Lunch Menu, Dinner Menu”) ............................... 23

5.2. Static Block Product ( Title : “Bestseller products , texts such as : But I must explain to you

how”) 26

5.3. Banner Static One ( Images with texts: “Lorem ipsum dolorsit ametcons tetur adipisicing

elit, lorem ipsum dolorsit ametconse, …”) .......................................................................................... 28

5.4. Static Block Product1 (Titles “ Featured products, new products, latest products,

mostviewed products”) ........................................................................................................................ 30

5.5. Blog Slider (Title “From Our Blog”) ..................................................................................... 32

5.6. Static Block Footer (Titles “About Us, Recent Tweet, Newsletter ”) ..................................... 34

5.7. Static Block Footer1 (Titles “Contact Us, Information, My Account, Extras, Opening Time”)

36

5.8. Banner Left ( in products page) .............................................................................................. 38

5.9. Banner Right ( in details page) ............................................................................................... 41

5.10. Static Sub Menu Col Right ................................................................................................. 43

5.11. Static Sub Menu Top........................................................................................................... 45

5.12. Menu Link ( Links such as “contact us, about us”) ............................................................ 46

5.13. Change Footer Copyright ( Text “ Copyright © 2014 Plazathemes. All Rights Reserved”.)

48

III. Extensions in this template ............................................................................................................. 50

1. Custommenu ................................................................................................................................... 50

3

1.1. Configuration .......................................................................................................................... 50

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

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

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

1.5. Add links to menu item. .......................................................................................................... 55

1.6. How to use .............................................................................................................................. 55

2. Revolution Slider ............................................................................................................................ 58

3. Price Countdown ( Title “ Hot Deals” ) .......................................................................................... 58

3.1. Configuration this extension ................................................................................................... 58

3.2. How to show Price Countdown extension in this template .................................................... 61

4. Testimonial ..................................................................................................................................... 62

4.1. Configuration .......................................................................................................................... 62

4.2. How to manage testimonials ................................................................................................... 65

4.3. How to add new testimonial .................................................................................................... 67

4.3.1. Add new testimonial in admin ............................................................................................ 67

4.3.2. Add new testimonial in page Testimonials ......................................................................... 68

4.4. How to show Testimonial extension in this template ............................................................. 70

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

5.1. Configuration .......................................................................................................................... 72

5.2. How to show Bestseller products slider extension in this template ........................................ 74

6. New products ( Title “ New products”) .......................................................................................... 76

6.1. Configuration .......................................................................................................................... 76

6.2. How to show New products extension in this template ......................................................... 78

7. Mostviewed Products ( Title “ Mostviewed ”) ................................................................................ 79

7.1. Configuration .......................................................................................................................... 79

7.2. How to show Mostviewed Products extension in this template ............................................ 81

8. Onsale Products ( Title “ Onsales ”) ............................................................................................... 82

8.1. Configuration .......................................................................................................................... 82

8.2. How to show Onsale Products extension in this template .................................................... 84

9. Featured Products ( Title “Featureds”) .......................................................................................... 85

9.1. Configuration .......................................................................................................................... 85

9.2. How to show Featured products extension in this template ................................................... 87

4

10. Blog ( Title “ From Our Blog” ) ................................................................................................. 88

10.1. Configuration this extension ............................................................................................... 88

10.2. How to creat categories ....................................................................................................... 91

10.3. How to add post .................................................................................................................. 92

10.4. How to manage posts .......................................................................................................... 94

10.5. How to manage comments .................................................................................................. 94

10.6. How to show Blog extension in this template .................................................................... 96

11. Latesttweet ( Title “Recent Tweet”) ............................................................................................ 97

11.1. Configuration ...................................................................................................................... 97

11.2. Set up .................................................................................................................................. 98

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

12.1. Configuration .................................................................................................................... 100

12.2. How to set upsell products ................................................................................................ 101

13. Prozoom .................................................................................................................................... 103

13.1. Configuration .................................................................................................................... 103

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

14.1. Configuration .................................................................................................................... 104

15. Ajaxcart Super .......................................................................................................................... 106

15.1. Configuration .................................................................................................................... 106

16. Theme options ........................................................................................................................... 109

16.1. Configuration .................................................................................................................... 109

5

I. Install ma_sahara_food2 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_food2.sql

or ma_sahara_food2.sql.gz) in database folder.

Open your Browse and type : localhost/phpmyadmin or

yourdomain/phpmyadmin

Then create database

Click database you have created

6

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

ma_sahara_food2_quickstart folder ) to your server.

ma_sahara_food2_quickstart.zip is in ma_sahara_package_1.0

Extract ma_sahara_food2_quickstart, we got:

7

Copy all of folder above to your Magento .

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

load default Magento installer with the database you just created and

import database sample.

As an example, name of magento is ma_sahara.

8

Click button “Continue”.

4. Step by step to follow the instructions.

Click “Continue”. We got:

9

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

User name : root

User password : No need to fill in.

Click “Continue” button.

10

- Fill

Personal information : First Name, Las Name, Email

Login Information: Username, Password, Confirm Password

- Click “Continue” button

5. Finish installer.

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

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

7. Disable cache

Login your magento admin

11

Clear all cache ( System > Cache management > Disabled all

cache )

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

8. Reindex data

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

select all, select Reindex Data and click Submit button.

2. Install template

1. Please unzip package ma_sahara_food2_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_food2_ template.zip in ma_sahara_package_1.0

Unzip ma_sahara_food2_template.zip, we got:

12

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

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

3. If your magento has many store views :

Choose All Store View -> then click submit button

13

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

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

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

14

II. Theme features and elements

In this chapter you can find description and configuration details of

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

CSS classes etc.

1. Home page

1.1. Structure

<image is next page>

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

17

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:

18

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


21

3. Details page


23

4. Prozoom

5. How to edit static blocks in this template

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

5.1. Banner Static ( Texts : “Breakfast Menu, Lunch Menu, Dinner Menu”)

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

Login your Magento Admin area

Navigate to CMS > Static Blocks

24

You will see :

At “Title” column, choose “Banner Static”

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

25

You can change content by editing code HTML

Click “ Save Config” when you finish.

26

5.2. Static Block Product ( Title : “Bestseller products , texts such as : But I

must explain to you how”)

This block contains 2 modules : Testimonial and Bestseller products slider.




27

You will see :

At “Title” column, choose “Static Block Product”


28



5.3. Banner Static One ( Images with texts: “Lorem ipsum dolorsit ametcons

tetur adipisicing elit, lorem ipsum dolorsit ametconse, …”)




29

You will see :

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


30



You should cut top left image with size 470 x 300, top right

image with size 670 x 300, bottom left image with size 770 x

300, bottom right image with size 370 x 300.

5.4. Static Block Product1 (Titles “ Featured products, new products, latest

products, mostviewed products”)




31

You will see :

At “Title” column, choose “Static Block Product1”


32



5.5. Blog Slider (Title “From Our Blog”)

This block contains Blog module.




You will see :

33

At “Title” column, choose “Blog Slider”




34

5.6. Static Block Footer (Titles “About Us, Recent Tweet, Newsletter ”)




You will see :

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

35




36

5.7. Static Block Footer1 (Titles “Contact Us, Information, My Account,

Extras, Opening Time”)




You will see :

At “Title” column, choose “Static Block Footer1”

37


38



5.8. Banner Left ( in products page)



39


You will see :

At “Title” column, choose “Banner Left ”

40




You should cut image with size 270 x 370.

41

5.9. Banner Right ( in details page)




You will see :

42

At “Title” column, choose “Banner Right ”


43




5.10. Static Sub Menu Col Right




You will see :

44

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





45

5.11. Static Sub Menu Top




You will see :

At “Title” column, choose “Static Sub Menu Top”

46





5.12. Menu Link ( Links such as “contact us, about us”)



47


You will see :

At “Title” column, choose “ Menu Link”


48



5.13. Change Footer Copyright ( Text “ Copyright © 2014 Plazathemes. All

Rights Reserved”.)

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

Login your Magento Admin

Navigate to System > Configuration

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

http://www.plazathemes.com/

49

You can edit HTML in this place.

Click Save Config when you finish.

50

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.

51

After that you can customize number of columns.

Config how to show popup

52

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

53

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…

54

1.4. How to identify category IDs in magento :


Navigate to Catalog > Manage Categories

55

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

58

2. Revolution Slider

You can see more information at revolution_slideshow_document.zip

3. Price Countdown ( Title “ Hot Deals” )

This module show countdown timer at discount products.

3.1. Configuration this extension


Navigate to Magentothem > Price Countdown >

Configuration

59

Tab General :

Below is paramenters explanation:

Activate Price Countdown: Activate product timer

Timer Heading : Choose timer header show in catalog or products pages or

show 2 pages or hide all.

Timer Caption : Choose timer caption show in catalog or products pages or

show 2 pages or hide all

Timer Title : Timer title.

Example : Timer

Timer caption :

Timer heading :

Tab Price Count Down Slider Config:

60

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

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

61

or not

Show Short desciption: Defines whether the short description is

displayed or not

Short description max length: Max length of short description is

displayed.

Qty of Products: Product quantity will be displayed on product

Slider.

Number Product Show : Number of products will be shown.

Width of Item : The width of item.

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

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

Show Next/Back control : Defines whether display next/back control.

Show navigation control : Defines whether display navigation control.

Tab Colors :

Click Save Config to save your configuration.

3.2. How to show Price Countdown extension in this template


Navigate CMS > Pages

At Title, Choose your Home page

Choose tab Content :

62

Click “ Show/Hide Editor”:

This code : {{block type="timer/timer" name="ma.timer"

template="magentothem/timer/timer.phtml"}} -

Shows Price Countdown extension in this template.

4. Testimonial

This module permits customers and visitors write comments about products,

website.

4.1. Configuration


Navigate to Testimonial > Configuration

63

Click Genera Settings, Testimonial Configuration, Email Setting :

( image is next page)

Below is paramenters explanation :

At General Settings :

Show testimonial on top link : Defines whether shows Testimonial

link on top link

64

This example, Testimonial is shown on top link.

Show testimonial paging: Defines whether show paging of

testimonials . Below is example.

Testimonials per page on list allowed values : Number of testimonials

per page such as : 5, 10, 15.

Maximum testimonials : Maximum number of testimonials will be

displayed in slider

Show testimonial as slider : Defines whether show tesnimonials as

slider or not

65

At Testimonial Configuration :

Allow customers to submit testimonial : Defines whether all

customers are written testimonials or not. Example : If you choose

No, button Write your testimonial won’t be shown.

Enable captcha : Defines whether enable or disable captcha.

Allow guest to write testimonials : Choose Yes , all guest will be

written testimonials, they don’t need login their accounts . If you

choose No, all guests must login their accounts to write testimonials.

Thank you message : Thanks message when guests submit their

testimonials.

Approve testimonials : Enable this function to wait approve

testimonials.

At Email Setting :

Enable sending email after posting testimonial : Enable mode

sending email to guests after they posted testimonial.

Enable sending email after testimonial is approved: Enable mode

sending email to guests when their testimonal is approved.

Email template for posting testimonial

Email template for approving testimonial

4.2. How to manage testimonials


Navigate to Testimonial > Manage Testimonials.You will see table of

testimonials : pending , approved.

66

Choose one testimonial

Note : At Status : Choose Approved if you want to show this testimonial in

your website; Choose Pending : If you want to wait to approve this

67

testimonial,; choose Not Approved if you don’t want to show this

testimonial.

Click Save Testimonial when you finish.

4.3. How to add new testimonial

You have 2 ways to add new testimonial :

4.3.1. Add new testimonial in admin


Navigate to Testimonial > Manage Testimonials

Choose Add New Testimonial button

With :

Name : Name of customer

Email : email of customer

Avatar : Avatar of customer. Click Browse to choose image will be

avatar of customer.

Company : Name or link about your company

Address : address of your company

Testimonials : Your comments.

Status : Status your comment : Approved or not appoved or

pending.

68

4.3.2. Add new testimonial in page Testimonials

Click link testimonial on top link

or click any comment in slider of this module

you will go to a testimonial page. This page contain all testimonials.

Example, this is a testimonial page : ( image is next page)

70

Then click button Write your testimonial, you will see :

Type necessary information, write your testimonial and then Click button

Submit testimonial to post your testimonial.

4.4. How to show Testimonial extension in this template



You will see :

71

At “Title” column, choose “ Static Block Product”




This code {{block type="testimonial/sidebar"

name="testimonial.sidebar" }} - Shows Testimonial

extension.

72

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

This module shows bestselling products in slider.

5.1. Configuration


Navigate to Magentothem > Bestseller Products Slider >

Configuration and configure default criteria as per screenshort

below:

73

Below is parameters explanation:

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

74

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.


Slider.

Number Product Show : Number of products will be shown.

Width of Item : The width of item.



Show Next/Back control : Defines whether display next/back control.

Show navigation control : Defines whether display navigation control.

5.2. How to show Bestseller products slider extension in this template



You will see :

At “Title” column, choose “ Static Block Product”

75




This code {{block type="bestsellerproductslider/bestsellerproductslider"

name="bestsellerproductslider"

template="magentothem/bestsellerproductslider/bestsellerproductslider.ph

tml"}} - Shows Bestseller products slider extension.

76

6. New products ( Title “ New products”)

This module shows new products.

6.1. Configuration


Navigate to Magentothem > New Products> Configuration

And configure default criteria as per screenshort below:

77


Enabled: Include yes/no module paramenteres

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 the Review rating is displayed

or not

Show Short Description: Defines whether the short description is

displayed or not

Show Description Max Length: Max length of short description is

displayed.

Qty of Products: Product quantity will be accepted in this module.

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

78



6.2. How to show New products extension in this template


Navigate CMS > Static Blocks

You will see :



79

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

template="magentothem/newproduct/newproduct.phtml"}}– shows New

products extension.

7. Mostviewed Products ( Title “ Mostviewed ”)

This module shows mostviewed products.

7.1. Configuration

Login Magento Admin area

Navigate to Magentothem > Mostviewed Products > Configuration

and configure default criteria as per screenshort below:

80


Enabled : Include yes/no module paramenter



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

Short description Max Length: Max length of short description is

displayed.

Qty Of Products : Product quantity will be displayed

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

81

7.2. How to show Mostviewed Products extension in this template



You will see :



82

This code {{block type="mostviewedproduct/mostviewedproduct"

name="mostviewedproduct"

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

– shows Mostviewed products extension.

8. Onsale Products ( Title “ Onsales ”)

This module shows discount products.

8.1. Configuration


Navigate to Magentothem > Onsale Products > Configuration and

configure default criteria as per screenshort below:

83


Enabled : Include yes/no module paramenter



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


or not

Show short description: 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 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

84

8.2. How to show Onsale Products extension in this template



You will see :



85

This code : {{block type="onsaleproduct/onsaleproduct"

name="onsaleproduct"

template="magentothem/onsaleproduct/onsaleproduct.phtml"}}– shows

Onsale products extension.

9. Featured Products ( Title “Featureds”)

This module shows featured products.

9.1. Configuration

Login Magento Admin Area

Navigate Magentothem > Featured Products > Configuration and


86


Enabled: Include yes/no module paramenter


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


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.

87

Width of Thumbnail: The width of thumbnail image will be

displayed.

Height of Thumbnail: The height of thumbnail image will be

displayed.

9.2. How to show Featured products extension in this template



You will see :



88

This code : {{block type="featuredproduct/featuredproduct"

name="featuredproduct"

template="magentothem/featuredproduct/featuredproduct.phtml"}} –

shows Featured products extension.

10. Blog ( Title “ From Our Blog” )

10.1. Configuration this extension


Navigate to Magentothem > Blog > Configuration

90

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

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

91

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

disable.

10.2. How to creat categories


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

92

Click Save Category to save your config.

10.3. How to add post


Navigate to Magentothem > Blog > Add Post

94

- 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

10.4. How to manage posts


Navigate to Magentothem > Blog > Posts

Choose post you want to edit

Edit or dublicate, delete post.

Click Save Post to save your changes.

10.5. How to manage comments


Navigate to Magentothem > Blog > Comments

95

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

96

10.6. How to show Blog extension in this template



You will see :

At “Title” column, choose “Blog Slider”


This code {{block type="blog/menu_sidebar" name="blog.slider"

template="magentothem_blog/blog_slide.phtml"}}– shows Blog

extension.

97

11. Latesttweet ( Title “Recent Tweet”)

11.1. Configuration


Navigate to Magentothem > Latesttweet > Configuration and


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

98

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

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.

https://dev.twitter.com/apps/

99

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";

100

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

12.1. Configuration


Navigate to Magentothem > UpsellSlider > Configuration and



Enabled: Include yes/no module paramenters

101

Auto slide: Enable auto scroller product


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


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

12.2. How to set upsell products

Go to Catalog > Manage Products

Select any product

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

102

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

103

13. Prozoom

13.1. Configuration


Navigate to Magentothem > Prozoom > Configuration and



Enabled Module: Include yes/no module paramenters

104

Width of Zoom Panel: The width of zoom panel

Height of Zoom Panel: The height of zoom panel

Border Width of Zoom Panel: The border width of zoom panel

Border Color of Zoom Panel: The border color of zoom panel

Width of Lightbox Image: The width of lightbox image

Height of Lightbox Image: The height of lightbox image

Enabled Thumbnail Scroller: Defines whether thumbnail scroller is

displayed or not

Auto Thumbnail Scroller: Defines whether thumbnail scroller is

autoplayed or not

Scroll Style:

Number Thumbnail Display: Number thumbnail is displayed

Width of Thumbnail: The width of thumbnail

Height of Thumbnail: The height of thumbnail

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

14.1. Configuration


Navigate to Magentothem > Layered navigation ajax>

Configuration

105

Click General Configuration



Enabled Module : Include yes/no module paramenters.

Enable Toolbar Ajax : Defines whether enabled Toolbar ajax or not.

Enable Slider : Defines whether show price slider

106

Enable Tag Product Ajax : Defines whether Product tag uses ajax or

not

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

you want to insert.

Transparent Image : Background image when loading ajax. Click

Browse to image you want to add.

Background Opacity : Opacity of background image.

15. Ajaxcart Super

15.1. Configuration


Navigate to Magentothem > Ajaxcart Super> Configuration

107

Click General Configuration



Enabled Module : Include yes/no module paramenters.

Show or hide Effect to cart : Defines whether show effect to cart or

not.

Example :

108

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

109

- or choose color from pallete

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

choose image you want

Background Opacity : Opacity of background.

16. Theme options

16.1. Configuration


Navigate to Magentothem > Theme Options> Configuration

110

Click Theme Options Config

New label : Defines whether show label New or not

111

Sale label : Defines whether show label Sale or not

BG Pattern : You can choose pattern to set as background. If you

don’t use bg pattern, choose without pattern

Click Save Config to save your changes.

SAHARA FOOD2 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food2_document.pdfAfter...

Documents

Transcript of SAHARA FOOD2 RESPONSIVE MAGENTO THEMEsaharathemes.com/demo/docs/ma_sahara_food2_document.pdfAfter...