Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
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>
15
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
<image is next page>
19
20
21
3. Details page
<image is next page>
22
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.
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
27
You will see :
At “Title” column, choose “Static Block Product”
Click “Show/Hide Editor” to show code HTML of this block
28
You can change content by editing code HTML
Click “ Save Config” when you finish.
5.3. Banner Static One ( Images with texts: “Lorem ipsum dolorsit ametcons
tetur adipisicing elit, lorem ipsum dolorsit ametconse, …”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
29
You will see :
At “Title” column, choose “Banner Static One”
Click “Show/Hide Editor” to show code HTML of this block
30
You can change content by editing code HTML
Click “ Save Config” when you finish.
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”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
31
You will see :
At “Title” column, choose “Static Block Product1”
Click “Show/Hide Editor” to show code HTML of this block
32
You can change content by editing code HTML
Click “ Save Config” when you finish.
5.5. Blog Slider (Title “From Our Blog”)
This block contains Blog module.
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 :
33
At “Title” column, choose “Blog Slider”
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
34
5.6. Static Block Footer (Titles “About Us, Recent 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 :
At “Title” column, choose “Static Block Footer”
35
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
36
5.7. Static Block Footer1 (Titles “Contact Us, Information, My Account,
Extras, Opening Time”)
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 Block Footer1”
37
Click “Show/Hide Editor” to show code HTML of this block
38
You can change content by editing code HTML
Click “ Save Config” when you finish.
5.8. Banner Left ( in products page)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
39
Navigate to CMS > Static Blocks
You will see :
At “Title” column, choose “Banner Left ”
40
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
You should cut image with size 270 x 370.
41
5.9. Banner Right ( in details 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 :
42
At “Title” column, choose “Banner Right ”
Click “Show/Hide Editor” to show code HTML of this block
43
You can change content by editing code HTML
Click “ Save Config” when you finish.
You should cut image with size 270 x 370.
5.10. Static Sub Menu Col Right
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 :
44
At “Title” column, choose “Static Sub Menu Col Right”
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
You should cut image with size 170 x 130.
45
5.11. Static Sub Menu Top
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 Top”
46
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
You should cut image with size 125 x 60.
5.12. Menu Link ( Links such as “contact us, about us”)
If you want to change content in this block, please do these steps below :
Login your Magento Admin area
47
Navigate to CMS > Static Blocks
You will see :
At “Title” column, choose “ Menu Link”
Click “Show/Hide Editor” to show code HTML of this block
48
You can change content by editing code HTML
Click “ Save Config” when you finish.
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” :
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 :
Login your magento admin
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
56
57
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
Login your Magento Admin
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
Login your magento admin
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
Login your magento admin
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
Login your magento admin
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
Login your magento 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)
69
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
Login your magento admin
Navigate to CMS > Static Blocks
You will see :
71
At “Title” column, choose “ Static Block Product”
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
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
Login your Magento Admin area
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.
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.
5.2. How to show Bestseller products slider extension in this template
Login your magento admin
Navigate to CMS > Static Blocks
You will see :
At “Title” column, choose “ Static Block Product”
75
Click “Show/Hide Editor” to show code HTML of this block
You can change content by editing code HTML
Click “ Save Config” when you finish.
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
Login your Magento Admin area
Navigate to Magentothem > New Products> Configuration
And configure default criteria as per screenshort below:
77
Below is paramenters explanation:
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
Width of Thumbnail: Width of thumbnail image will be displayed.
Height of Thumbnail: Height of thumbnail image will be displayed.
6.2. How to show New products extension in this template
Login your magento admin
Navigate CMS > Static Blocks
You will see :
At “Title” column, choose “Static Block Product1”
Click “Show/Hide Editor” to show code HTML of this block
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
Below is paramenters explanation:
Enabled : Include yes/no module paramenter
Title : Title of module
Show Add To Cart: Defines whether the Add to cart is displayed or
not
Show Add To Wishlist : Defines whether the Add to wishlist is
displayed or not
Show Add To Compare : Defines whether the Add to compare is
displayed or not
Show Review Rating : Defines whether 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
Login your magento admin
Navigate CMS > Static Blocks
You will see :
At “Title” column, choose “Static Block Product1”
Click “Show/Hide Editor” to show code HTML of this block
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
Login Magento Admin area
Navigate to Magentothem > Onsale Products > Configuration and
configure default criteria as per screenshort below:
83
Below is paramenters explanation:
Enabled : Include yes/no module paramenter
Title : Title of module
Show Add To Cart: Defines whether the Add to cart is displayed or
not
Show Add To Wishlist : Defines whether the Add to wishlist is
displayed or not
Show Add To Compare : Defines whether the Add to compare is
displayed or not
Show Review Rating : Defines whether 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
84
8.2. How to show Onsale Products extension in this template
Login your magento admin
Navigate CMS > Static Blocks
You will see :
At “Title” column, choose “Static Block Product1”
Click “Show/Hide Editor” to show code HTML of this block
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
configure default criteria as per screenshort below:
86
Below is paramenters explanation:
Enabled: Include yes/no module paramenter
Title : Title of module
Product Listing Sort By: Sort products list by name, price
Direction: Sort products list according to ascending or descending
direction
Show Add To Cart: Defines whether the Add to Cart is displayed or
not
Show Add To Wishlist: Defines whether the Add to Wishlist is
displayed or not
Show Add To Compare: Defines whether the Add to Compare is
displayed or not
Show Review Rating : Defines whether the Review rating is displayed
or not
Show short desciption: Defines whether the short description is
displayed or not
Short Description Max Length: Max length of short description is
displayed.
Qty of Products: Product quantity will be displayed .
Products per row: Number products will be displayed one row.
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
Login your magento admin
Navigate CMS > Static Blocks
You will see :
At “Title” column, choose “Static Block Product1”
Click “Show/Hide Editor” to show code HTML of this block
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
Login your Magento Admin
Navigate to Magentothem > Blog > Configuration
89
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
91
Recent Posts : The number of recent post to be displayed in the menu. 0 to
disable.
10.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
92
Click Save Category to save your config.
10.3. How to add post
Login your magento admin
Navigate to Magentothem > Blog > Add Post
93
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
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.
10.5. How to manage comments
Login your magento admin
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
Login your magento admin
Navigate CMS > Static Blocks
You will see :
At “Title” column, choose “Blog Slider”
Click “Show/Hide Editor” to show code HTML of this block
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
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
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.
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
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
101
Auto slide: Enable auto scroller product
Title : Title of module
Slideshow Speed:Duration(in milliseconds) of slide transition
animation. Defines how fast the current slide is replaced with
the next slide.
Animation Speed: The speed of animations, in milliseconds
Show Price: Defines whether price of product is displayed or not
Show Review Rating: Defines whether the review rating is
displayed or not
Qty of Products: Product quantity will be displayed on product
scroller.
Number Product Show: Number product will be displayed in a
row
Width of Thumbnail:The width of thumbnail image will be
displayed.
Height of Thumbnail: The height of thumbnail image will be
displayed
Show Next/Back control: Defines whether the next/back control is
displayed or not
Show navigation control: Defines whether the navigation control
button is displayed or not
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
Login Magento Admin area
Navigate to Magentothem > Prozoom > Configuration and
configure default criteria as per screenshort below:
Below is paramenters explanation:
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
Login your Magento Admin area
Navigate to Magentothem > Layered navigation ajax>
Configuration
105
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
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
Login your Magento Admin area
Navigate to Magentothem > Ajaxcart Super> Configuration
107
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 :
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
Login your Magento Admin area
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.