Ma Orion Document

ORION RESPONSIVE MAGENTO
THEME
This document is organized as follows:
Chater I. General about Magento
Chapter II. Features and elements of the template
Chapter III. Extensions
Chapter IV. Troubleshooting
THEMELOCK.COM
1
Table of Contents
I. General about Magento .................................................................................................................... 7

1. Help & Support............................................................................................................................ 7
1.1. References ........................................................................................................................... 7
1.2. Support policy ...................................................................................................................... 9
1.3. Third party extensions ..................................................................................................... 10
2. Quick start ................................................................................................................................. 11
2.1. Important things you need to know before you start using Magento .................................... 11
2.2. Configuration ......................................................................................................................... 11
2.3. Fresh Magento installation .................................................................................................. 12
2.4. Theme customization .......................................................................................................... 12
2.5. Demo products ................................................................................................................... 12
3. Installation ................................................................................................................................. 12
3.1. Prepare your Magento ........................................................................................................ 12
THEMELOCK.COM
3.2 Install ................................................................................................................................. 13
3.3 Problems after installation .................................................................................................. 23
4. Magento configuration ............................................................................................................... 23
4.1. Caching system .................................................................................................................. 23
4.2. Index management ............................................................................................................. 26
4.3. How to enable the theme .................................................................................................... 26
4.4. Logo .................................................................................................................................. 28
4.5. Categories .......................................................................................................................... 28
4.6. Products ............................................................................................................................. 32
4.7. Attributes ........................................................................................................................... 33
4.8. Content Management System (CMS) .................................................................................. 37
4.9. Translation / Localization ................................................................................................... 40
5. Magento theme customization .................................................................................................... 42
5.1. Design packages ................................................................................................................. 42
5.2. Theme structure.................................................................................................................. 43
5.3. Fallback mechanism ........................................................................................................... 44
2
5.4. Summary............................................................................................................................ 45
II. Theme features and elements ......................................................................................................... 47
1. Home page ............................................................................................................................. 47
2. Products grid page and products grid page .............................................................................. 51
3. Product view .......................................................................................................................... 54
4. Prozoom ................................................................................................................................ 56
5. Extensions in ma_orion .......................................................................................................... 56
6. Blocks and extensions in Homepage.......................................................................................... 57
6.1. Block Header block ............................................................................................................ 57
6.2. Search By Category extension ............................................................................................ 59
6.3. Banner Sequence extension ................................................................................................ 61
6.4. Custommenu ...................................................................................................................... 65
6.5. All stores block .................................................................................................................. 73
6.6. New arrivals block ............................................................................................................. 78
6.7. Hot sale block ................................................................................................................... 83
THEMELOCK.COM
6.8. Best offers block ................................................................................................................ 87
6.9. Fashion trend block ........................................................................................................... 91
6.10. Menu links block ............................................................................................................ 93
6.11. Banner Static block ........................................................................................................ 95
6.12. Banner Home Content block ........................................................................................... 96
6.13. Vmegamenu extension ( Vertical megamenu) ................................................................. 99
6.14. Category Tabs Slider extension..................................................................................... 107
6.15. Category Tabs extension............................................................................................... 110
6.16. Banner static home2 block ............................................................................................ 112
6.17. Category Slider extension ............................................................................................ 116
6.18. Banner Home Content 2 block ...................................................................................... 124
6.19. Brand Slider extension.................................................................................................. 126
6.20. Onsale Products extension ............................................................................................ 129
6.21. Footer Static block........................................................................................................ 132
6.22. Footer Static 2 block..................................................................................................... 134
6.23. Block Static Left block ................................................................................................. 135
6.24. Links of categories ....................................................................................................... 137
3
6.25. Static Sub Menu Col Right block .................................................................................. 138
6.26. Footer Links ................................................................................................................. 140
6.27. Footer Copyright .......................................................................................................... 140
7. Theme options ..................................................................................................................... 142
III. Extensions ............................................................................................................................... 144
1. Banner7 ................................................................................................................................... 144
2. Search by category ................................................................................................................... 146
3. New Products Slider ................................................................................................................ 147
4. New products ........................................................................................................................... 150
5. New Product Vertical Scroller .................................................................................................. 153
6. Onsale Products ....................................................................................................................... 156
7. Onsale Products Slider ............................................................................................................. 158
8. Featured products slider ........................................................................................................... 160
9. Featured products vertical scroller ............................................................................................ 163
10. Featured Products................................................................................................................. 166
THEMELOCK.COM
11. Upsell Slider ........................................................................................................................ 169
12. Related Slider ...................................................................................................................... 171
13. Brand slider ......................................................................................................................... 174
14. Facebook like box ................................................................................................................ 175
15. Quick view........................................................................................................................... 176
16. Prozoom .............................................................................................................................. 180
17. Custommenu ........................................................................................................................ 181
18. Vmegamenu ......................................................................................................................... 189
19. Vertical Menu ...................................................................................................................... 196
20. Twitter ................................................................................................................................. 200
21. Bestseller Product Vertical Scroller ...................................................................................... 203
22. Tabs product ........................................................................................................................ 205
23. Banner Sequence.................................................................................................................. 207
24. Banner Fraction.................................................................................................................... 211
25. Mostviewed products ........................................................................................................... 215
26. Category tabs slider .............................................................................................................. 217
Add widget .......................................................................................................................... 219
4
Edit widget........................................................................................................................... 222
27. Category top ........................................................................................................................ 224
28. Category slider ..................................................................................................................... 227
IV. Trouble shooting .......................................................................................................................... 234
1. General issues .......................................................................................................................... 234
1.1. Some of the theme features don't work or give errors. ......................................................... 234
1.2. Blank page or 404 not found when trying to open theme admin pages. .............................. 234
1.3. There is no theme admin tab in the admin panel, or I get a blank page, or Access Denied error.
235
1.4. Theme was installed but Magento doesn't see the theme files ............................................. 235
1.5. "Package with this name does not exist" message when trying to enable the theme. ............. 235
1.6. Tabs, sliders or other interactive elements don't work.......................................................... 235
1.7. After theme installation the store gives blank page or an error.............................................. 235
1.8. Images (e.g. in the slideshow) are not displayed. ................................................................ 235
1.9. Sliders: previous/next buttons don't work in some browsers. .............................................. 236
THEMELOCK.COM
1.10. Slideshow is not displayed on the home page. ................................................................ 236
2. Configuration........................................................................................................................... 236
3. Third-party extensions ............................................................................................................. 237
3.1. One of my extensions doesn't work with this theme. ........................................................... 237
3.2. One of the features stopped working after third-party extension was installed. ..................... 237
5
Ma_orion is a Magento theme with advanced admin module, extremely
customizable and fully responsive. It is suitable for every type of store. It is a
standalone design package (not a sub-theme of Magento default theme) so
you can easily create your own sub-themes.
More info
And here you can find out more about theme updates, new features and
about our upcoming themes:
- Follow us on Facebook
- Follow us on Plazathemes
THEMELOCK.COM
6
I. General about Magento
1. Help & Support
1.1. References
You may find these sites useful while installing and configuring your
Magento store:
THEMELOCK.COM
1.1.1. Magento installation
Magento FAQ:
http://www.magentocommerce.com/product/faq
System Requirements:
http://magentohostsolution.com/magento-system-requirements/
Server Compatibility Check

http://www.magentocommerce.com/knowledge-
base/entry/how-do-i-know-if-my-server-is-compatible-with-
magento
Installation Guide:
base/entry/magento-installation-guide
1.1.2. Magento help

Online magento guide
7
Table of contents : see the list of all topics
Selected topics: Selected topics: 1. Categories, products and
attributes , 2. Customers. 3. Tax, shipping 4. Promotions,
Marketing
Magento go knowledge base

http://go.magento.com/support/kb
Note:
Magento go differs from Magento Community Edition but most of the

functionality is the same so this knowledge base might be very useful.
THEMELOCK.COM
Video Tutorials Magento Go

http://go.magento.com/video-tutorials/
Magento Wiki
http://www.magentocommerce.com/wiki/
Magento Forum
http://www.magentocommerce.com/boards/
8
stackoverflow.com
http://stackoverflow.com/questions/tagged/magento
Magento Answers Stack Exchange

http://magento.stackexchange.com/
1.2. Support policy

This user guide was created to help you quickly configure
our theme. Please read it carefully, it will help you to eliminate
most of potential problems with incorrect configuration.
Important:
Please note that as authors of this theme we are able to
provide support only for the features which we created and for
the issues related strictly to this theme. We do not provide
support for Magento configuration, installation, maintenance,
customization etc.
THEMELOCK.COM
Theme support
If you have found any bugs or have some other problems with
this theme. If the problem is not covered there, you can contact us
in the comment section on Plazathemes or via contact form on our
profile page on Plazathemes. We will respond as soon as possible
(within 24 48 hours, usually much faster).
Questions about Magento:

Elements such as category management, product management,
checkout process, payment methods and many others are default
Magneto functionalities and are beyond the scope of our support. How to
get Magento support:
1. If you have a question about Magento itself, please ask on Magento
Forum. Almost every detail of Magento configuration is described
there so you will find answers for most of your questions. You can
also find there many helpful tips and tutorials.
2. The best place to start searching is chapter 4. Magento
9
configuration in this user guide. It covers some of the basic
Magento elements.
3. If youre looking for a different topic, it might be covered in the
online Magento guide. You can find there all the basic Magento
configuration details and other information.
4. You might also want to check other sites referenced in 1.1.2
Magento help such as Magento Go Knowledge Base or Magento
Go Video Tutorials.
Theme customization support

Customization/modification of Magento themes is a very large
subject and in some cases can be very complex. Due to that we're unable
to provide help or support related to the theme customization.
1.3. Third party extensions

This theme may not be compatible with some third-party extensions.
Its impossible for theme authors to make the theme compatible by default
THEMELOCK.COM
with all existing extensions because there are thousands of available
Magento extensions. Only the default Magento theme (located in
app/design/frontend/default/default) is compatible with all third-party
extensions, because all extensions are designed to work with the default
theme.
Generally all extensions can work with all themes but sometimes
they have to be integrated manually. Thats because sometimes the
extension and the theme override the same Magento template file so there
can be a conflict.
Support
Author of the extension should provide detailed instruction about
how to integrate the extension with any custom theme.
How to install
To work with this theme, the extension should be installed in the
theme's directories instead of the default Magento theme directories.
To be more specific: extension should be installed in the main
10
directories of the default theme in the ma_orion design package.
where ma_orion is the name of the design package, and

default is the name of the default theme in the package.
In many cases you only need to upload the extension to the theme's
directories. Sometimes you need to edit layout files to "tell" the
theme where it should display extension's output. If you are not
familiar with Magento, you should ask the author of the extension
for more information. If you feel that you might have troubles with
installing extensions, we advise that you order professional
installation services (unfortunately we don't offer this type of
services).
2. Quick start
2.1. Important things you need to know before you start using Magento
THEMELOCK.COM
When developing your store, you should completely disable
Magento cache. Enable it after you finish configuring your store
After making changes to your store such as editing products,
adding categories etc. You need to reindex the data.
2.2. Configuration
Next, you need to configure your store. This theme works out of the box,
but not all of the features are enabled by default. You might want to take the
following steps:
Note:
You may find these Magento documentation and tutorials
useful while configuring your store: 1.1. References.
1. Disable Magento cache before you start configuring your
store
2. Upload your logo.
3. Configure your home page
4. Configure position of the options box on product page if your
products have options
11
2.3. Fresh Magento installation
If you have just installed a fresh copy of Magento you should also:
1. Create some categories.
2. Add some products.
3. Re-index the data after creating categories and products
2.4. Theme customization

For more information about theme customization
2.5. Demo products

To install demo products and categories you can use the sample data from
the official.
Magento site (it must be installed prior to the basic Magento installation):
base/entry/installing-sample-data-archive-for-magento-1610
http://www.magentocommerce.com/download

THEMELOCK.COM
3. Installation
To install the theme you only need to upload all the theme files to
your server and then enable and activate the theme in the admin panel. But
to avoid unexpected problems after installation, you should first prepare
your Magento. Please strictly follow the steps described in this guide.
3.1. Prepare your Magento

1. It is recommended to install the theme on a test server before you
install it in a live store.
2. Backup Magento files and the store database.
Important:
Creating backup before installation of any themes or
extensions in Magento is extremely important, especially when
you are working on a live store.
3. Disable compilation mode in System > Tools >Compilation.
4. Disable:
Magento cache (refer to 4.1.2 Disable cache
12
for details)
Full page cache and caching modules for Magento (such as
Speedster)
Any additional cache on your server, PHP cache
engines, APC, etc.
Important:
When developing your Magento store, in order to be able
to see changes immediately, you should completely disable the
cache. You can enable it after you finish configuring your
store.
5. Remove all possible custom modifications of the Magento's base

theme. ma_orion (same as any Magento theme) relies on base
theme, so any modifications of the base theme can change the
default behavior of ma_orion and break some functionality. You
THEMELOCK.COM
should never edit base theme's files.
6. Log out from Magento admin panel. Do not just close the browser
window: you need to click Log Out link to refresh the access
control system.
3.2 Install
Before you install the theme you need to prepare your Magento, so
please do not omit the previous step: 3.1 Prepare your Magento.
3.2.1. Quickstart package

You install new website with database sample. After you install your
website like our demo
Quickstart package = Latest Magento version + Full Extensions +

Sample database same like live demo site
Setup Instructions:
13
1. Create new database and import database sample ( ma_orion.sql or
ma_orion.sql.gz) in database folder.
Open your Browse and type : localhost/phpmyadmin
Then create database
Click database you have created
THEMELOCK.COM
2. Extract and Upload the whole Quickstart package (app, js, skin in
ma_orion_quickstart_1.8.1.0 folder ) to your server.
14
ma_orion_quickstart_1.8.1.0.zip is in ma_orion_package_1.0.
ma_orion_package_1.0 contain folders as above image
Extract ma_orion_quickstart_1.8.1.0, we got:
THEMELOCK.COM
15
THEMELOCK.COM
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_orion.
16
Click button Continue.
4. Step by step to follow the instructions.
THEMELOCK.COM
Click Continue. We got:
17
THEMELOCK.COM
With database name : ma_orion database name you have just created
User name : root
User password : No need to fill in.
Click Continue button.
18
- Fill
THEMELOCK.COM
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
19
Clear all cache ( System > Cache management > Disabled all
cache )
After cache is disabled cache management screen might look like this:
8. Reindex data
THEMELOCK.COM
Go to System > Index Management. To rebuild your indexes,
select all, select Reindex Data and click Submit button.
3.2.2. Install template

If you exist a magento website you can install only template.
1. Please unzip package ma_orion_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_orion_template_1.0.zip in ma_orion_package_1.0
20
Unzip ma_orion_template_1.0.zip , we got:
Copy all app, js, media, skin above to your Magento.

2. Please go to Magento Admin > Magentothem > Install template
THEMELOCK.COM
3. If your magento has many store views :

Choose All Store View -> then click submit button
21
If dont have many store views, choose Submit button :
4. Clear all cache ( System > Cache management > Disabled all cache )
THEMELOCK.COM
22
3.3 Problems after installation
If you encounter any problems after installation: flush Magento cache, log
out from the admin panel, and log in again. Check again the installation steps and
make sure you didn't omit any step. What can cause problems:
a) Magento cache (or external cache) was not flushed after installation of
the theme.
b) Compilation mode was not disabled before installation.
c) Some of the theme files were not uploaded.
d) File permissions issue
e) You have some third-party extensions which change/break theme's
default behavior or cause some conflicts.
f) You edited theme files and accidentally removed or changed something
in the files.
g) You have customized the theme by creating custom sub-theme and
your modifications change/break the default behavior of the theme
h) You have some elements that left from your previous theme (e.g. in
Magento's"base" theme in app/design/frontend/base/) and that
THEMELOCK.COM
changes/breaks the default behavior of the theme.
Also check your log files in var/log/ (log settings should be enabled in the
admin panel: System > Configuration > Developer for more information about
possible errors.
4. Magento configuration
The following chapter describes some of the basic Magento settings and
features. Please note that as authors of this theme we provide support only for the
issues related strictly to the theme. Support for Magento configuration/ installation/
maintenance etc. is beyond the scope of our support. This chapter should be only
treated as a starting point, more information about Magento can be found in
Magento documentation : 1.1.2 Magento help
4.1. Caching system

When developing your Magento store, you want to see the changes you
have implemented. In order to be able to see changes immediately, you
should completely disable the cache. You can enable it after you finish
configuring your store.
23
If the cache is enabled, always refresh the cache after making
changes in the store/theme/extension configuration.
To access the cache management screen, go to System > Cache Management.
4.1.1. Flush cache

Go to System > Cache Management. Click the following buttons to
completely clear the store cache:
1. Flush Magento Cache
2. Flush Cache Storage
3. Flush Catalog Images Cache
4. Flush JavaScript/CSS Cache
THEMELOCK.COM
4.1.2. Disable cache

Go to System > Cache Management. Click Select All link, select Disable in
Actions field and click Submit button:
24
4.1.3. Enable cache
THEMELOCK.COM
When the store is configured, you can enable caching system again. Go to
System > Cache Management. Click Select All link, select Enable in
4.1.4. Refresh cache

If the cache is enabled, after each configuration change, extension
installation, upgrade or uninstallation always refresh the cache. To do this, go
to System > Cache Management. Click Select All link, select Refresh in
25
4.2. Index management
Magento indexes most of its data in order to access it faster. If you make
changes to your store such as editing products, adding categories, changing
urls, etc. you will need to reindex the data so that the changes can show up
on your frontend.
To access the index management screen, go to System > Index

Management. To rebuild your indexes, select all, select Reindex Data and
click Submit button.
THEMELOCK.COM
4.3. How to enable the theme
In Magento you can enable the theme on many levels. You can set one
theme for the entire store, but you can also set different themes for different
parts of the store (even for selected categories, products or CMS pages).
If you want all your store pages to look the same (to use the same theme),
your theme should only be enabled in System > Configuration > Design
(the same as it was described in the installation steps 3. Installation). You
need to remove all theme overrides from categories, products and CMS
pages.
There are many places where a theme can be enabled. If you have just
installed a fresh copy of Magento, those places will be empty. Otherwise,
please take a look at these sections of the admin panel:
System > Design
26
This section should be empty, delete all existing entries:
These fields should be left empty, do not select any theme here:
Catalog > Manage Categories > [category] > Custom Design >
Custom Design
Catalog > Manage Products > [product] > Design > Custom Design
THEMELOCK.COM
CMS > Pages > [page] > Design > Custom Theme
Leave --Please Select--in these fields, like on the following screenshot:
27
Remember to flush the cache after you change design settings.
4.4. Logo
Upload your logo to skin/frontend/default/ma_orion/images/.
By default Magento theme displays logo from the file named
logo.png. If you uploaded file with different name or different file
format (e.g. .jpg or .png)
Login your Magento Admin
go to System >Configuration > Design > Header section
and in the Logo Image Src field specify a path to your logo image
4.5. Categories
Note:
More info about categories in Magento can be found in :
http://www.magentocommerce.com/knowledge-base/entry/tutorial-
creating-and-managing-categories
THEMELOCK.COM
To create and edit categories in Magento, navigate to Catalog >
Manage Categories section of the admin panel. After installation of
Magento your category tree is almost empty, there is only the root category
(named Default Category):
The root category is not displayed in the frontend of the store that's why your
main menu is empty just after istalling Magento. You need to add some new
top-level categories (also called subcategories because they are descendants of
the root category).
Important:
All categories have to be descendants of the root category. Do
28
not add categories outside of the root category tree.
To add a new category, select the root category by clicking on it and click Add
Subcategory button:
Fill in all the required fields. Especialy set Is Active and Include in Navigation
Menu fields to Yes, and click Save Category:
THEMELOCK.COM
This will create a new category (which will be displayed as a top-level category
in the main menu on frontend):
29
Note that this new category has to be a descendant of the root category it
has to be one level lower than the root category:
THEMELOCK.COM
If the category is not displayed in the frontend: reindex the data in System >
Index
Management and flush Magento cache.
30
4.5.1. Category info
For each category you can add some basic information which will be
displayed on category page (above the products). Navigate to Catalog >
Manage Categories and select a category:
Description category description. You can enter text or HTML.
Image main category image. After image is uploaded and saved, an
icon of the existing image will appear to the left of the button, and a
Delete Image checkbox will appear to the right.
4.5.2. Landing pages

You can show your customers a landing page instead of the standard product
listing page when they select the category. You can do so by enabling static
block on your category page. Navigate to Catalog > Manage Categories,
select a category, open Display Settings tab and select appropriate value in
the Display Mode field. In the CMS Block drop-down, select which block
you would like to display on category page. The list will include all existing
THEMELOCK.COM
static blocks.
4.5.3. Depth of the menu

In the main menu you can limit number of displayed cetegory levels. To do
that, go to
System > Configuration > Catalog and specify the depth in Maximal Depth
field.
For example, if you want to display only three levels of categories, enter 3
in Maximal Depth field and save the configuration. From now on, only
three levels of categories will be displayed in the main menu.
4.5.4. Categories in Layered Navigation ("Shop By")

You can display categories in Magento's Layered Navigation block ("Shop
by" block) at the top of the left sidebar in category view. To display selected
category in the Layered Navigation, go to Catalog > Manage Categories,
click selected category and set Is Anchor field (in Display Settings tab) to
Yes:
31
From now on this category will be displayed in the Layered Navigation. If the
category is not displayed in the frontend: reindex the data in System > Index
Management and refresh Magento cache.
4.6. THEMELOCK.COM
Products
4.6.1. Options box

For products which have options (like configurable products or bundle
products) you can change position of the options box on product page. It
can be displayed in the main column (next to the product images), or in the
column below images. Select a product in Catalog > Manage Products,
open Design tab and select position in Display Product Options In field:
32
4.6.2. Only X left indicator
There is a quantity indicator displayed on the product page. It shows the
quantity of items left in stock if the stock level is equal or below the
threshold specified in the admin panel. The threshold can be set in Only X
left Threshold field in System > Configuration > Inventory.
For example, if you set the option to 20, all products with quantity equal or
less than 20 will have the text Only X lefton the product page.
For configurable products this text is clickable and shows drop-down box
with quantities of all products associated with that product.
4.7. Attributes
An attribute in Magento is defined as any property of a product, such as color,
price, SKU, manufacturer etc. There are two types of attributes: System Attributes
(cannot be deleted and every product must contain them) and Simple Attributes
THEMELOCK.COM
(which can be created by the store admin). Attributes are groupped in Attribute
Sets.
Here you can find more info about Magento attributes:
http://www.magentocommerce.com/wiki/welcome_to_the_magento_user_
s_guide/chapter_3#attributes
4.7.1. Attribute management

To edit existing attributes, go to Catalog > Attributes > Manage Attributes
and select an attribute from the list. To create a new attribute, click Add New
Attribute button.There are many types of attributes which you can create,
one of the most useful is a dropdown attribute which lets you define a list of
values that will be available when creating new products.
Important:
After making any changes in the attributes and Attribute Sets, you may
need to reindex the data in your Magento (4.2 Index management)
and flush the cache (4.1 Caching system).
33
Let's see an example of a dropdown attribute manufacturer which
stores a list of product brands. Fill in the form as follows:
THEMELOCK.COM
34
After you create the attribute, you need to add it to the Attribute Set which you
use for your products. Attribute Sets are described in the next chapter.
4.7.2. Attribute sets
An Attribute Set is a collection of attributes, created to fit certain types of
THEMELOCK.COM
products. To add a new product in Magento you need to select an Attribute Set
which will describe that product. You can create many custom Attribute Sets for
different types of products. For example, if you sell t-shirts and books, you could
create 2 Attribute Sets: one specific to t- shirts, one specific to books. The
Attribute Set for t-shirts can include attributes such as color and size (which are
not needed in the Attribute Set for books).
Important:
After making any changes in the attributes and Attribute Sets, you
may need to reindex the data in your Magento (4.2 Index
management) and flush the cache (4.1 Caching system).
Let's continue an example with manufacturer attribute. To add your attribute to an
Attribute Set, go to Catalog > Attributes > Manage Attribute Sets, select an
Attribute Set (default one is named Default). You will see Unassigned
Attributes section with a list of available attributes. You can associate attributes
to your Attribute Set by clicking and dragging an attribute into the Groups
section. To disassociate an attribute, simply drag it back to the Unassigned
Attributes list.
35
Click Save Attribute Set button after you finish. You can add your custom
attributes to many Attribute Sets.
THEMELOCK.COM
Then, go to Catalog > Manage Products and open a product. If the product is
based on the Attribute Set which contain your manufacturer attribute, you will
see a list of manufacturers which may look like this:
36
THEMELOCK.COM
If you added manufacturer attribute to that Attribute Set, but you don't see the
field with the list of manufacturers, you may need to reindex the data in your
Magento and flush the cache.
4.8. Content Management System (CMS)
4.8.1. WYSIWYG editor

WYSIWYG (What You See Is What You Get) editor is a convenient way to
add content to pages and static blocks in Magento.
Important:
WYSIWYG should only be used to edit text, never use it to edit HTML.
Remember to always turn off WYSIWYG editor when you want to edit
HTML or Magento's CMS tags in the page/block content. Otherwise
WYSIWYG editor can break your content.
37
In fact the best way to use WYSIWYG is to turn it on only when it is needed.
Go to
System > Configuration > Content Management and set it as Disabled by
Default.
After that, if needed, WYSIWYG can always be turned on with Show/Hide

Editor button above the page/block content field:
THEMELOCK.COM
4.8.2. Static blocks
Static blocks in Magento are simple portions of content that can be
displayed throughout the site. To manage static blocks, go to CMS > Static
Blocks section in the admin panel.
To create a static block, go to CMS > Static Blocks, click Add New
Block button and follow these steps:
1. In Identifier field enter an identifier of one of the static blocks.
Make sure the identifier is lower-case and seporionted by
underscores to follow Magentos standards.
2. Enter the title in Block Title
3. Select the Store View to which this block will apply.
4. Select Enabled in the Status field. Disabled means that the block is not
displayed in the frontend.
5. Insert your Content (it can be text or HTML) and click
Save Block. Heres an example:
38
For more details on creating static blocks please refer to Magento user guide:
THEMELOCK.COM
static blocks.
4.8.3. CMS markup tags

There are some special markup tags a bits of text surrounded by double
curly braces which have a special meaning in Magento. You can use those
tags either in static blocks or CMS pages.
For example, this tag:
{{store url=''}}
will be replaced with the stores base URL.

It might be useful when you want to display a link on one of your pages. You
can use this tag to dynamically build all of your links (you don't need to hard-
code any links). Thanks to that you will not need to rebuild your links after
you move your store to a new domain.
For example, if your store domain is www.example.com, the following tag
placed in the page content:
39
{{store url='path/to/page/about-us'}}
will be replaced with this URL:

http://www.example.com/path/to/page/about-us/
For more information, please refer to this article, where you can find a
comprehensive list of available tags: CMS markup tags
4.9. Translation / Localization
4.9.1. Interface translation

This theme introduces a few additional interface chorioncter strings.
For example Special Price label is replaced with shorter Now only label.
Strings are located in
app/design/frontend/default/ma_orion/locale/en_US/translate.csv. This file
can be used to translate the interface into other languages.
Example:
THEMELOCK.COM
To translate the interface into Spanish follow these instructions:
Create a new folder for your translation. For Spanish language it will be
app/design/frontend /default/ma_orion /locale/es_ES.
Copy translate.csv from app/design/frontend/default/ma_orion
/locale/en_ES.
And paste it into created folder app/design/frontend/default/ma_orion
/locale/es_ES.
Open app/design/frontend /default/ ma_orion /locale/es_ES/translate.csv
in OpenOffice Calc (or other text editor like Notepad++, PSPad).
Note:
The editor should be capable to save file in UTF-8 encoding. Do not use
Excel, it can break file structure. Read more about useful tools:
http://www.magentocommerce.com/wiki/groups/166/useful_tools_to_wo
rk_w%20ith_translations
If you open translate.csv in OpenOffice Calc it might look like this:
40
Special Price: Now only:
My Wishlist Wishlist
My Wishlist (%d item) Wishlist (%d)
My Wishlist (%d items) Wishlist (%d)
My Account Account

The first column contains the original chorioncter strings. It should be

left intact. In the second column you can place your translation of each
string.
THEMELOCK.COM
Some strings contains % d or %s entries. These entries should be left
intact in the translated strings.
4.9.2. Language flag

If you have more than one store view in your store, the store view switcher
will be displayed at the top of the page. You can enable different language
for each store view.
For each available language a flag is displayed in the store view switcher (we
can also call it language switcher). Flag images (16x12 pixels, PNG format)
should be uploaded to skin/frontend/ultimo/default/images/flags folder. Image
names should be the same as the store view codes. E.g. if you have a store
view with the code de, you will need to upload a flag image de.png to
skin/frontend/default/ma_orion/images/flag_icon
To check what is the store view code, go to System > Manage Stores and
click on the store view name. You can find the code in the Code field:
41
Rememeber that if you change the store view code, you will also need to
change the name of the corresponding flag image.
5. Magento theme customization

Please note that Magento theme customization is far beyond the scope of this
user guide. This chapter is only for informational purposes, you should treat
it as a starting point. Before you start to customize the theme you need to be
sure that you know what you're doing.
THEMELOCK.COM
Magento is based on a theming concept referred to as parent/child theming
changes in the theme can be implemented without modifying the original.
Magento's base theme serves as a parent theme for any custom theme.
The correct way to customize the theme in Magento is to create your own
sub-theme of the default theme in the design package. You should never
edit original design package files. Files that need to be changed can be
copied from the default theme of the design package to your custom sub-
theme inside that package.
This way you can override any file of the design package. And you can be
sure that when something goes wrong you can simply delete your custom
sub-theme without breaking the original files.
5.1. Design packages

Themes in Magento are grouped together into design packages (in earlier
versions called interfaces). By default Magento Community Edition has two
42
packages named "base" and "default".
Note:
Do not edit files in the "base" package and do not create custom
sub-themes inside the "base" package.
Every design package in Magento comes with a default theme named
"default" which is the main theme in the design package. When administrator
assigns a package to the store, Magento automatically looks for the theme
named "default" in that package.
Design package can also contain variations of the "default" theme. This variations
are
often called sub-themes because they inherit all the files from the "default" theme
(from the same package) and from the "base" package. Inside the sub-theme you
can override any file of the "default" theme. Sub-theme can even consists of a
single file other files will be inherited from the "default" theme from the
package. This is called a fallback mechanism because Magento always falls
back to the next theme in the hierarchy to find the
THEMELOCK.COM
requested file. Fallback is described later in this chapter.
5.2. Theme structure

Magento themes consists of many files like HTML templates, CSS stylesheets,
images etc. All files are split between two directories:
app/design/frontend/default/theme_name/
Templates directory contains the layout files, HTML templates and
translations
skin/frontend/default/ theme_name/
Skin directory contains CSS stylesheets, images and theme-specific
JavaScript files
where theme_name indicates the theme name.
Template files are organized as follows:

layout directory contains XML files which define page structure
template directory contains template files (.phtml), a mix of HTML and
43
PHP
locale directory contains CSV files with translation strings
Skin files are organized as follows:

css directory contains CSS files
images directory contains images
js directory contains theme-specific JavaScript files
5.3. Fallback mechanism

Understanding fallback mechanism is very important when you want to
customize the theme, so let's see a simple example.
Let's say we have a design package named "helloworld" with custom sub-
theme named "new". Package files are organized as follows:
app/design/frontend/helloworld/new/
skin/frontend/helloworld/new/
THEMELOCK.COM
Let's also assume that your custom sub-theme contains a CSS file called
"menu.css" located in skin/frontend/helloworld/new/css/menu.css
If your custom theme requests "menu.css" but Magento can't find it in your
custom sub- theme in skin/frontend/helloworld/new/css/menu.css, Magento
will try to find that file in the next theme in the hierarchy. Next theme in the
hierarchy is the "default" theme in "helloworld" package so Magento will
search in skin/frontend/helloworld/default/css/menu.css.
If the file is not there, Magento will continue until it locates the file. Next
theme in the hierarchy is the "default" theme in "base" package:
skin/frontend/base/default/css/menu.css. The "default" theme in the

"base" package is the final fallback point in the hierarchy.
Let's take a look again at the entire fallback hierarchy:
1. Look for the requested file in custom sub-theme:
44
skin/frontend/helloworld/new/
2. If not found, look for the file in the "default" theme in the design package:
skin/frontend/helloworld/default/
3. If not found, look for the file in the "default" theme in "base" design
package:
skin/frontend/base/default/
The first theme in hierarchy is the theme that you assign through the admin
panel (in System > Configuration > Design). The last theme in hierarchy is
the "default" theme in "base" design package.
Thanks to the fallback mechanism there is no need to copy all the default
theme files to your custom sub-theme when you want to make some changes
THEMELOCK.COM
in your theme. You only copy over the files that you want to edit. Other files
will be inherited from the "default" theme in the package and from the "base"
package.
The most important advantages of the fallback mechanism:

Selected functionality can be shared between many themes
Less code to maintain
Custom themes are update-proof: you don't edit original files, so your
changes are not overwritten after theme updated
5.4. Summary
Themes in Magento are grouped together into design packages.
By default Magento comes with the package named "base" which
contains all the files that control Magento's default behavior.
Every design package in Magento comes with a default theme named
"default" which is the main theme of the design package.
Design package can contain variations (sub-themes) of the "default"
theme. They inherit all the files from the "default" theme (from the same
package) and from the "base" package.
45
The correct way to customize the theme in Magento is to create your own
sub- theme. You should never edit original design package files. Files that
need to be changed can be copied to your custom sub-theme.
This way you can override any file of any design package. And you can be
sure that when something goes wrong you can simply delete your custom sub-
theme without breaking the original files.
Magento use fallback mechanism to make custom themes easier to
maintain and upgrade-proof.
The first theme in the fallback hierarchy is the theme that you assign
through the admin panel (in System > Configuration > Design). The last
theme in hierarchy is the "default" theme in "base" design package.
If the requested file is not found in your custom sub-theme, Magento will
try to find that file in the "default" theme from the package. If the file is not
found, Magento will call the file from the "base" package.
The directory structure inside the sub-theme must replicate the directory
structure of the default theme.
THEMELOCK.COM
46
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.
Note:
This list of all settings available in the System > Configuration
section of the admin panel can be found in the next chapters.
1. Home page
1.1. Structure
<image is next page>
THEMELOCK.COM
47
THEMELOCK.COM
48
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
stores home page. One of a few sample home pages which you
can import, has the following URL key: orion-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. Menu THEMELOCK.COM
49
1.1.2. Home page layout
For every CMS page in Magento you can select page layout - the
THEMELOCK.COM
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.3. 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:
50
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 grid page

THEMELOCK.COM
51
THEMELOCK.COM
52
THEMELOCK.COM
53
3. Product view
THEMELOCK.COM
54
THEMELOCK.COM
55
4. Prozoom
5.
THEMELOCK.COM
Extensions in ma_orion
Category slider
Category top
Onsale products slider
Osale products
New products slider
Search by category
Banner7
Bestseller products slider
Vmegamenu
Prozoom
Custommenu
Related slider
Brandslider
Upsell slider
Themeoption
56
Banner sequence
Category tabs
Category tabs slider
You can see more information about these modules at III. Extensions.
At this theme, we use 2 extensions to show slideshow : banner sequence and
banner 7. You can choose one in 2 extensions to show slideshow. Banner sequence
is enable.
6. Blocks and extensions in Homepage
6.1. Block Header block
If you want to change images in this block, please do these steps below :
Login your Magento Admin area
Navigate to CMS > Static Blocks
THEMELOCK.COM
You will see :
57
At Title column, choose block header
THEMELOCK.COM
Click Show/Hide Editor to show code HTML of this block
You can change image and content by editing code HTML

Click Save Config when you finish.
58
6.2. Search By Category extension
Configuration
THEMELOCK.COM
Navigate to Magentothem > Search By Category > Configuration and
configure default criteria as per screenshort below:
Below is porionmenters explanation:
Enable: Include yes/no module porionmenter
Select categories on category pages (default yes): Indicates if the

active category on a category page is automatically selected in the
drop-down list.
Show subcategories (default yes): Indicates whether subcategories
should be displayed in the category drop-down list.
59
Subcategory level (default 4): Indicates the max level of
subcategory to show in the category drop-down list.
Subcategory indentation (default _ ): The indentation text that is
shown in front of each subcategory in the category drop-down list.
How to use
By selecting a category, entering the search query, and pressing the
search button (or enter), the search result page is shown for the search
query where the results are filtered by the selected category. On this
page and on category pages, the active category (filter or current
category) is also selected in the drop-down list.
THEMELOCK.COM
60
6.3. Banner Sequence extension
Configuration
Navigate to Magentothem > Banner Sequence> Configuration
THEMELOCK.COM
We got :
61
Add banner
Navigate to Magentothem > Banner Sequence > Manage Banner
THEMELOCK.COM
62
THEMELOCK.COM
Example :
With this item :
63
THEMELOCK.COM
You got:
64
6.4. Custommenu
In this theme, Custommenu contains static blocks, links.
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.
THEMELOCK.COM
Also in General tab you can configure next three fields.
65
THEMELOCK.COM
After that you can customize number of columns.
Config how to show popup
66
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.
THEMELOCK.COM
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.
67
Add CMS Block to menu item.
THEMELOCK.COM
Just use the static block with the ID has prefix is "pt_item_menu".
Ex: pt_item_menu_first, pt_item_menu_second
68
THEMELOCK.COM
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>
69
THEMELOCK.COM
How to use
Go to frontend and just hover mouse on the menu items to see how it work.
Below are some demo images
70
THEMELOCK.COM
71
THEMELOCK.COM
72
6.5. All stores block
This block contains Category Top extension.
If you want to change information in this block, please do these steps below
:
THEMELOCK.COM
You will see :
73
At Title column, choose all stores
THEMELOCK.COM
In this block, there is Category top extension.
You can change content by editing code HTML
How to show categories in this extension
Navigate to Magentothem > Catalog > Manage Categories
You will see :
74
THEMELOCK.COM
Example :
With configuration:
You got :
75
Configuration this extension
Navigate to Magentothem > Category Top > Configuration
THEMELOCK.COM
76
THEMELOCK.COM
Click Categories Top Setting :
Below is paramenters explanation:
Enabled: Defines whether enable module or not

Title : Title of module.
77
Number Column : The number of columns will show categories.
Width of Thumbnail : The width of the thumbnail.
Height of Thumbnail : The height of the thumbnail.
Width of Item : The width of the item
6.6. New arrivals block
THEMELOCK.COM
This block shows new products in slider. This block contains New
products slider extension.
If you want to change information in this block, please do these steps

below:
You will see :
78
At Title column, choose new arrivals
THEMELOCK.COM
There is New products slider extension in this block.

Set a product as a new product
Go to Catalog> Manage Products
79
Select one product
THEMELOCK.COM
Set Set Product as New from Date and Set Product as New to
Date ( Attribute set new product).
Choose Categories tab :
80
You can repeat steps above to configure new attributefor other
products
Configuration New products slider extension
Navigate to Magentothem > New Products Slider > Configuration
and configure default criteria as per screenshort below:
THEMELOCK.COM
81
Enabled: Include yes/no module porionmenter
Auto slide: Enable auto scroller product
Title : Title of module
Slideshows Speed:Duration (in milliseconds) of slide transition
animation. Defines how fast the current slide is replaced with
the next slide.
Animation Speed: The speed of animations, in milliseconds
Show Price: Defines whether display price or not
Show Add To Cart: Defines whether the Add to cart is displayed or
not
Show Add To Compare: Defines whether the Add to compare is
displayed or not
Show Add To Wishlist: Defines whether the Add to wishlist is
displayed or not
Show Review Rating: Defines whether the Review rating is displayed
or not
THEMELOCK.COM
Show Short Description: Defines whether the short description is
displayed or not
Show Description Max Length: Max length of short description is
displayed.
Qty of Product: Product quantity will be displayed on product slider.
Number Product Show: Number product display per row
Width of Item: The width of the item
Width of Thumbnail: Width of thumbnail image will be displayed.
Height of Thumbnail: Height of thumbnail image will be displayed.
Show Next/Back control: Defines whether display next/back button or
not
Show navigation control: Defines whether display navigation or not
82
6.7. Hot sale block
This block shows onsale products in slider. This block contains Onsale
products slider extension.
THEMELOCK.COM
You will see :
83
At Title column, choose hot sale
THEMELOCK.COM
There is Onsale products slider extension in this block.

Set a product as a discount product
Navigate Catalog > Manage Products
Choose one product from table, and then navigate tab Prices:
84
THEMELOCK.COM
Set special price, from date to date
Choose tab Categories :
Click Save
You can repeat steps above to configure new attribute for other products
Configuration this extension

85
Navigate to Magentothem > OnSale Products Slider >
Configuration and configure default criteria as per screenshort
below:
THEMELOCK.COM
Enabled: Include yes/no module porionmeter
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
86
displayed or not
Show Add to Compare: Defines whether the Add to Compare is
displayed or not
Show Review Rating: Defines whether Review Rating is displayed
or not
Show Short desciption: Defines whether the short description is
displayed or not
Short description max length: Max length of short description is
displayed.
Qty of Products: Product quantity will be displayed on product
Slider.
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.

THEMELOCK.COM
Show navigation control : Defines whether display navigation control.
6.8. Best offers block
This block shows bestselling products in slider (Top products are

purchased) . This block contains Bestseller products slider extension.
87
You will see :
THEMELOCK.COM
At Title column, choose best offers
88
There is Bestseller products slider extension in this block.
Configuration Bestseller products slider

Navigate to Magentothem > Bestseller Products Slider >
below:
THEMELOCK.COM
Below is porionmeters explanation:

Auto slide : Defines whether items auto play or not
Slidshow Speed : Duration (in milliseconds) of slide transition
89
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
not
displayed or not
displayed or not
or not
displayed or not
THEMELOCK.COM
displayed.
Slider.
Number Product Show : Number of products will be shown.
Width of Item : The width of item.
90
6.9. Fashion trend block
THEMELOCK.COM
You will see :
91
At Title column, choose fashion trend
THEMELOCK.COM
92
You should cut image with size 252 x 391.
6.10. Menu links block
THEMELOCK.COM
You will see :
93
At Title column, choose menu links
THEMELOCK.COM

94
6.11. Banner Static block
THEMELOCK.COM
You will see :
At Title column, choose Banner Static
95
THEMELOCK.COM

6.12. Banner Home Content block
96
You will see :
THEMELOCK.COM
At Title column, choose Banner Home Content
97
THEMELOCK.COM

98
6.13. Vmegamenu extension ( Vertical megamenu)
THEMELOCK.COM
Configuration
Login Magento Admin area
Navigate to Magentothem > Vmegamenu > Configuration >
General
99
Also in General tab you can configure next some fields.
THEMELOCK.COM
100
THEMELOCK.COM
- 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
101
THEMELOCK.COM
- Just use the static block with the ID has prefix is "pt_item_menu".
102
THEMELOCK.COM
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>
103
THEMELOCK.COM
How to use
Go to frontend and just hover mouse on the menu items to see how it
work.
Below are some demo images of the left menu.
104
THEMELOCK.COM
105
THEMELOCK.COM
106
- The same for the right menu.
6.14. Category Tabs Slider extension
THEMELOCK.COM
This is Category Tabs Slider extension.
How to edit this extension :

Navigate to CMS > Pages
You will see , then choose Home page
107
Then choose Content
THEMELOCK.COM
108
Click Save Page when you finish
THEMELOCK.COM
How to know category IDs in magento :
Navigate to Catalog > Manage Categories
109
6.15. Category Tabs extension
THEMELOCK.COM
How to edit this extension :

You will see , then choose Home page
Then choose Content
110
THEMELOCK.COM
Click Save Page when you finish

111
6.16. Banner static home2 block
THEMELOCK.COM
112
This block contains Category Tabs Slider extension.
You will see :
THEMELOCK.COM
At Title column, choose Banner static home2
113
THEMELOCK.COM

To edit widget magento( Category tabs slider extension), do
like this :
114
THEMELOCK.COM

115
6.17. Category Slider extension
THEMELOCK.COM
This module shows categories with all products in slider.
116
You will see :
THEMELOCK.COM
117
THEMELOCK.COM
Example :
With configuration:
118
THEMELOCK.COM
You got :
119
THEMELOCK.COM
Configuration
Navigate to Magentothem > Category Slider >
Configuration
120
THEMELOCK.COM
Click Categories Configuration, Featured Product

Setting, Product Show :
121
THEMELOCK.COM
At Categories Slider Config:

Add jQuery : Defines whether add jquery or not
Auto slide: Defines whether slide will be autoplayed or not
Slide Speed: Duration (in milliseconds) of slide transition animation.
Defines how fast the current slide is replaced with the next slide.
Sort Name Items: Name Items will be sorted in ascending, descending.
Max Item Slider: Most number of items allowed in module
Width of Item: The width of item.
Width of Thumbnail : The width of thumbnail.
Height of Thumbnail: The height of thumbnail.
122
At Featured Product Setting :
Enable Featured Products : Defines whether enable module or not

At Product Show:
Show Category default : Default category will be shown.

Show product default : Type of product default will be shown : featured
products, new products, mostviewed, bestseller products, random products,
sale products, special products.
Play Delay : Timeout between 2 slides when enbale auto slide
Display column: Number product will be shown in a row.
Number Product Show : Number product will be accepted in one category.
Show Review Product : Defines whether show review rating or not.
Show Action Product: Show actions of product such as : add to cart, add to
THEMELOCK.COM
wishlist, compare or all, or dont show.
Featured products
At this module, we have got Featured products table :

Navigate to Magentothem > Category Slider > Featured
Products
You will see products table
123
THEMELOCK.COM
To set one product as featured product, you only need tick in that product
Then click Save Featured Products.
6.18. Banner Home Content 2 block
124
You will see :
THEMELOCK.COM
At Title column, choose Banner Home Content 2
125
THEMELOCK.COM

6.19. Brand Slider extension
126
Configuration
Navigate to Magentothem > Brandslider > Configuration and
Below is explanation:
THEMELOCK.COM
Enabled : Include yes/no module porionmenter
Auto slide: Defines whether images autoplay or not
the next slide.
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
not
How to use
Navigate to Magento > Brandslider > Manage Items. Then :
127
Click Add Item:
THEMELOCK.COM
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
128
6.20. Onsale Products extension
THEMELOCK.COM
Configuration
Navigate to Magentothem > Onsale Products > Configuration and
129
Enabled : Include yes/no module porionmeter
THEMELOCK.COM
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
How to use
130
THEMELOCK.COM
Choose tab Categories :
Click Save
131
6.21. Footer Static block
THEMELOCK.COM
You will see :
At Title column, choose Footer Static
132
THEMELOCK.COM
You can change image by editing code HTML

133
6.22. Footer Static 2 block
You will see :
THEMELOCK.COM
At Title column, choose Footer Static 2
134
THEMELOCK.COM

6.23. Block Static Left block
135
You will see :
THEMELOCK.COM
At Title column, choose Block Static Left
136
6.24. Links of categories
Acess URL :
\app\design\frontend\default\ma_orion\template\page\html\footer.phtml
This code show all categories in this template. If you dont want to show all
categories, comment this code.
THEMELOCK.COM
<div class="link-category">
<ul>
<?php $helper = $this->helper('catalog/category') ?>
<?php foreach ($helper->getStoreCategories() as $_category): ?>
<li><a href="<?php echo Mage::getModel('catalog/category')-

>setData($_category->getData())->getUrl(); ?>" title="<?php echo $_category->getName()
?>"><?php echo $_category->getName() ?></a></li>
<?php endforeach ?>
</ul>
</div>
137
6.25. Static Sub Menu Col Right block
THEMELOCK.COM
You will see :
138
At Title column, choose Static Sub Menu Col Right
THEMELOCK.COM
139
6.26. Footer Links
Acess URL :
\app\design\frontend\default\ma_orion\template\page\html\footer.phtml . See this
code :
<div class="ma-footer-container">
<div class="container">
<div class="footer">
THEMELOCK.COM
<?php echo $this->getChildHtml() ?>
<address><?php echo $this->getCopyright() ?></address>
<div id="back-top" class="hidden-xs"></div>
</div>
</div>
</div>
<?php echo $this->getChildHtml() ?> is Footer Links. If you dont want show
Footer Links, comment this code row.
6.27. Footer Copyright
If you can change in Footer Copyright, please do these steps below :

Navigate to System > Configuration
140
THEMELOCK.COM
Choose tab Design and then click tab Footer :
141
You can edit HTML in this place.
7. Theme options
With template :
To change color of theme, you need to do these steps below :
Navigate to Magentothem > Theme Options > Configuration.
THEMELOCK.COM
Click Theme Options Config. We got :
142
At this template, we have 6 pairs of colors : green-red, brown-red, orange-green,
red- light_green, teal watermelon, twitter-red.
You can choose color you want to show in your template.

You can show lable New and Sale
After config, click Save Config
THEMELOCK.COM
143
III. Extensions
1. Banner7
Configuration
Navigate to Magentothem > Banner7 > Configuration and
THEMELOCK.COM

Animation type:The effect to be used for transition between two
slides.
Pause Time: Time (in milliseconds) between slide transitions.
Show Caption: Defines whether caption of images is displayed or not
Show Next/Back control: Defines whether next/back button is
displayed or not
Show navigation control: Defines whether the navigation control is
displayed or not
Add item in slideshow(banner7)

Navigate to Magento > Banner7 > Manage Items
144
Click Add item button, you will see as screenshot below:
THEMELOCK.COM
Title: Title of the item

Link: URL of the item
Order : The order of the item
Store View : Default choose All Store Views
Status : Define whether display slide or not
145
When finished, click Save Item button to save your item.
You can repeat steps above to add other items for banner
2. Search by category
Configuration
Navigate to Magentothem > Search By Category > Configuration and
THEMELOCK.COM
Enable: Include yes/no module porionmenter
Select categories on category pages (default yes): Indicates if the

active category on a category page is automatically selected in the
drop-down list.
Show subcategories (default yes): Indicates whether subcategories
should be displayed in the category drop-down list.
Subcategory level (default 4): Indicates the max level of
subcategory to show in the category drop-down list.
Subcategory indentation (default _ ): The indentation text that is
shown in front of each subcategory in the category drop-down list.
How to use
By selecting a category, entering the search query, and pressing the
search button (or enter), the search result page is shown for the search
query where the results are filtered by the selected category. On this
146
page and on category pages, the active category (filter or current
category) is also selected in the drop-down list.
THEMELOCK.COM
3. New Products Slider

Configuration
Navigate to Magentothem > New Products Slider > Configuration
147
THEMELOCK.COM

the next slide.
Show Price: Defines whether display price or not
not
displayed or not
displayed or not
148
or not
displayed or not
displayed.
Qty of Product: Product quantity will be displayed on product slider.
not
How to use
THEMELOCK.COM
Select one product
149
THEMELOCK.COM
products
4. New products
Configuration
Navigate to Magentothem > New Products > Configuration and
configure default criteria as per screen short below:
150
Enabled: include yes/no module porionmeter
THEMELOCK.COM
Module Title: Title of module
Show Add to Cart: Defines whether the Add to Cart is displayed or not
Show Add to Wishlist: Defines whether the Add to Wishlist is displayed or
not
Show Add to Compare: Defines whether the Add to Compare is displayed or
not
Show Review Rating: Defines whether Review Rating is displayed or not
Show Short desciption: Defines whether the short description is displayed or
not
Short description max length: Max length of short description is displayed.
Qty of Products: Product quantity will be displayed.
Products Per Row: Number product in row
Height of Thumbnail: Height of thumbnail image will be displayed. Default
the New products display in content cms homepage.
151
How to use
Select one product
THEMELOCK.COM
products
152
5. New Product Vertical Scroller
Configuration
Navigate to Magentothem > New Product Vertical Scroller >
Configuration :
THEMELOCK.COM
153
THEMELOCK.COM
Show SideBar Left: Defines whether display sidebar on the left or not
Show SideBar Right : Defines whether display sidebar on the right or
not
Auto Scroller: Enable auto scroller product
Width of Scroller: The widht of scroller
Height of Scroller: The height of scroller
Show Price: Defines whether the price is displayed or not
Show Review Rating: Defines whether the Review Rating 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
154
Show Short Description: Defines whether the Short Description is
displayed or not
displayed.
Qty Of Products: Product quantity will be displayed on product
scroller
Number Item Show: Number product display per row
Products Scroll: Number product scroller
Animation Duration:
Width of Thumbnail: The width of thumbnail
Height of Thumbnail: The height of thumbnail
How to use
THEMELOCK.COM
Select one product
155
THEMELOCK.COM
products
6. Onsale Products
Configuration
Navigate to Magentothem > Onsale Products > Configuration and
156
THEMELOCK.COM
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
How to use
157
THEMELOCK.COM
Click Save
7. Onsale Products Slider

Configuration
Navigate to Magentothem > OnSale Products > Configuration and
158
THEMELOCK.COM
Below is parameters explanation:
Module Title: Title of module
not
displayed or not
displayed or not
or not
displayed or not
displayed.
slider.
159
Products Per Row: Number products in row
Default the OnSale products slider display in content cms homepage.
How to use
THEMELOCK.COM

Click Save
8. Featured products slider

Configuration
160
Navigate to Magentothem > Featured Products Slider >
below:
THEMELOCK.COM

Slideshow Speed:Duration (in milliseconds) of slide transition
the next slide.
Show Price: Defines whether price is displayed or not
not
161
displayed or not
displayed or not
or not
displayed or not
Show Description Max Length: Max length of the short description is
displayed.
Qty of Product: Product quantity will be displayed on product
scroller.
Width of Thumbnail: The width of thumbnail image will be displayed.
Height of Thumbnail: The height of thumbnail image will be
THEMELOCK.COM
displayed.
Show Next/Back control: Defines whether the next/back button is
displayed or not
Show navigation control: Defines whether the navigation control is
displayed or not
How to use
Log in your Magento Admin
Navigate Catalog > Manage Product :
162
THEMELOCK.COM
In tab General : Select Yes in Featured.

Click Save.
You can repeat steps above to configure new attribute for other
products
9. Featured products vertical scroller

Configuration
Login Magento Admin
163
Navigate Magentothem > Featured Product Vertical Scroller >
Configuration and
THEMELOCK.COM

Show Sidebar Left: Defines whether display sidebar on the left or not
Show Sidebar Right: Defines whether display sidebar on the right or
not
Auto slider: enable auto scroller product
Width of Slider: Width of panel slider will be displayed.
Height of Slider: Height of panel slider will be displayed.
not
displayed or not
164
displayed or not
displayed or not
displayed.
scroller.
Number Item Show: Number of product is displayed.
Products Scroll: Product quantity will be scroller on product scroller.
Animation: duration of transaction scroller.
You need set product to display slider, please follow steps:

Go to Catalog > Manage Products
THEMELOCK.COM
Select any product
165
THEMELOCK.COM
Set Featured = Yes like image above.

10. Featured Products

Configuration
Login Magento Admin Area
Navigate Magentothem > Featured Products > Configuration and
166
THEMELOCK.COM
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.
167
Width of Thumbnail: The width of thumbnail image will be
displayed.
displayed.
Set product to display

Select any product. Then :
Set Featured = Yes like image above
THEMELOCK.COM
168
11. Upsell Slider

Configuration
Navigate to Magentothem > UpsellSlider > Configuration and
THEMELOCK.COM

Slideshow Speed:Duration(in milliseconds) of slide transition
the next slide.
Show Price: Defines whether price of product is displayed or not
Show Review Rating: Defines whether the review rating is
displayed or not
169
scroller.
Number Product Show: Number product will be displayed in a
row
Width of Thumbnail:The width of thumbnail image will be
displayed.
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
How to use
Select any product
Select tab Up-sells. Then select Any like image below:
THEMELOCK.COM
Click Search button. We get the following picture:
170
Select upsell products like the image above
Click Save or Save and Continue Edit
THEMELOCK.COM
12. Related Slider
Configuration
Navigate to Magentothem > Related Slider > Configuration and
171

Slideshow Speed:Duration (in milliseconds) of slide transition
THEMELOCK.COM
the next slide.
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.
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
How to use:
Select any product
Select Related Products
172
Select Any like the image below:
THEMELOCK.COM
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
173
13. Brand slider
Configuration
Navigate to Magentothem > Brandslider > Configuration and
THEMELOCK.COM
Enabled : Include yes/no module porionmenter

the next slide.
Show Short Description: Defines whether display short description or
not
Number Items Show: Number of product is displayed.
Width of Item: The width of items
not
How to use
174
Navigate to Magento > Brandslider > Manage Items. Then :
Click Add Item:
THEMELOCK.COM
Title: Title of item

Link: URL
Status : Define whether display images or not
You can repeat Add Items above to configure new attribute for other
Items.
When finished, click Save Item button to save your brand slider.
14. Facebook like box

Configuration
175
Navigate to Magentothem > Facebook Like Box > Configuration
THEMELOCK.COM
Facebook Page URL : Facebook page links of your company
Width: The width of the plugin in pixels
Height: The height of the plugin in pixels
Color Scheme:
Show Faces: Show profile photo in the plugin
Show header: Show the Find Us on facebook bar at top. Only shown
when either stream or connections are present.
15. Quick view

Configuration
To enable the extension, go to System -> Configuration ->
Quickview -> Setting on your Dashboard
176
Also in Settings tab you can configure next four fields. Here you can
configure popup window content. Set if you want Additional
Information, Related Products, Upsell Products, Next & Previous
navigation to be displayed.
The next tab is Media. This is where you configure the image zoom
performance within the popup window. Leave the Default box
checked if you want to have the standard Magento image zoom. Same
THEMELOCK.COM
for enabling any customized tool of yours. Check either Cloud-
zoom or Fancybox fields if you want the correspondent
modules to operate. They are already implemented. To set them up
or find out more about their functionality, follow the View Demo and
Info links.
How to use
Its time to get acquainted with Quick View features and the ways customers
take benefit of them.
177
THEMELOCK.COM
178
THEMELOCK.COM
179
16. Prozoom
Configuration
Navigate to Magentothem > Prozoom > Configuration and
THEMELOCK.COM
Enabled Module: Include yes/no module porionmenter

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
180
Width of Thumbnail: The width of thumbnail
Height of Thumbnail: The height of thumbnail
17. Custommenu
Configuration
To enable the extension, go to System -> Configuration -> Custom
Menu -> General on your Dashboard.
THEMELOCK.COM
Also in General tab you can configure next three fields.
181
THEMELOCK.COM
182
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.
THEMELOCK.COM
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
183
THEMELOCK.COM
Just use the static block with the ID has prefix is "pt_item_menu".
184
THEMELOCK.COM
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>
185
THEMELOCK.COM
How to use
Go to frontend and just hover mouse on the menu items to see how it work.
Below are some demo images
186
THEMELOCK.COM
187
THEMELOCK.COM
188
18. Vmegamenu
Configuration
Navigate to Magentothem > Vmegamenu > Configuration >
General
THEMELOCK.COM
Also in General tab you can configure next some fields.
189
THEMELOCK.COM
190
- 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
THEMELOCK.COM
191
- Just use the static block with the ID has prefix is "pt_item_menu".
THEMELOCK.COM
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>
192
THEMELOCK.COM
How to use
Go to frontend and just hover mouse on the menu items to see how it
work.
Below are some demo images of the left menu.
193
THEMELOCK.COM
194
THEMELOCK.COM
195
- The same for the right menu.
19. Vertical Menu

Configuration
Please make sure VerticalMenu module get installed properly
THEMELOCK.COM
Navigate to Magentothem > VerticalMenu > Configuration and
Enabled Module: include yes/no module porionmeter

196
Title: Title of module vertical menu
Enabled Left Menu: Show menu in the left sidebar.
Enabled Right Menu: Show menu in the right sidebar.
Override default shop by: allow you choose collapse / Expand Shop by
category.
How to use
Default the vertical menu display in left sidebar or right sidebar.
If you want change position display module you go to

app/design/frontend/default/default/layout/verticalmenu.xml
Then change reference
<reference name="left">
THEMELOCK.COM
<block type="verticalmenu/verticalmenu" before="-"
name="ma.verticalmenuleft"
template="magentothem/verticalmenu/verticalmenuleft.phtml" />
</reference>
<reference name="right">

name="ma.verticalmenuright"
template="magentothem/verticalmenu/verticalmenuright.phtml" />
</reference>
To
<reference name="New position ">
197
name="ma.verticalmenuleft"
template="magentothem/verticalmenu/verticalmenuleft.phtml" />
</reference>
<reference name="New position ">

name="ma.verticalmenuright"
template="magentothem/verticalmenu/verticalmenuright.phtml" />
</reference>
The extension will be displayed frontend:
+ Dropdown menu
THEMELOCK.COM
+ Accordion menu
198
+ Tree menu
THEMELOCK.COM
199
THEMELOCK.COM
20. Twitter
Set up
Step 1 - Setup a Twitter Application

This process is straightforward and you should have a set of keys within a
few minutes.
200
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.
THEMELOCK.COM
6. Make a note of the Consumer key, Consumer secret, Access token and
Access token secret as highlighted below.
201
THEMELOCK.COM
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";
202
21. Bestseller Product Vertical Scroller
Configuration
Navigate to Magentothem > Bestseller Product Vertical Scroller >
Configuration
THEMELOCK.COM
Click Bestseller Product Vertical Scroller Config
And configure default criteria as per screenshort below:
203
THEMELOCK.COM

Show Sidebar Left: Defines whether display sidebar on the left or not
Show Sidebar Right: Defines whether display sidebar on the right or
not
Auto Scroller: Enable auto scroller product
Width of Scroller: Width of panel slider will be displayed.
Height of Scroller: Height of panel slider will be displayed.
Show Price : Defines whether the Price is displayed or not
not
displayed or not
displayed or not
204
displayed or not
displayed.
scroller.
Number Item Show: Number of product is displayed.
Products Scroll: Product quantity will be scroller on product scroller.
Animation Duration: Duration of transaction scroller.
22. Tabs product

Configuration
Navigate to Magentothem > Tabs Product > Configuration
THEMELOCK.COM
Click Tabs Product Config
205
THEMELOCK.COM

Mode : Modules you want to show on these tab.
Latest Products : Show lastest products
Onsale products : Show discount products
Bestseller products : Show best selling products
Mostviewed products : Show most viewed products
Featured products : Show featured products
New products : Show new products
not
displayed or not
displayed or not
Show Review Rating : Defines whether Review Rating is displayed or
not
206
displayed or not
displayed.
scroller.
Products per row : Number of products will be displayed per row.
23. Banner Sequence

Configuration
Navigate to Magentothem > Banner Sequence> Configuration
THEMELOCK.COM
We got :
207
Add banner
Navigate to Magentothem > Banner Sequence > Manage Banner
THEMELOCK.COM
208
THEMELOCK.COM
Example :
With this item :
209
THEMELOCK.COM
You got:
210
24. Banner Fraction
Configuration
Navigate to Magentothem > Banner Fraction > Configuration
THEMELOCK.COM
Click Banner Fraction Config
Below is porionmenters explanation :
211
Auto slide: Defines whether slideshow autoplay or not
Slideshow Speed : Duration (in milliseconds) of slide transition
the next slide.
Delay : Timeout between 2 slides when enbale auto slide
Pause on hover : Defines whether slide will be paused or not when
you hover image if enable auto slide.
Manage Banner
Navigate to Magentothem > Banner Fraction > Manage Banner
THEMELOCK.COM
You will see :
Click Add Item button to add a slide. You got :

212
THEMELOCK.COM
Store View : Choose store view you want to show slide. If you want
to show this slide all store views.
File : Show image you want to show in this slide. Click Browse to
image you want to show.
Width Image: The width of image
Height Image: The height of image. If you dont type height, width of
image, image wont be shown.
Title: Title you want to show in this slide
Title2 : Also title you want to show in this slide
Link : Link of button
Description : Description about this slide.
Status : Defines whether enable this slide or not
Effect : Effect of image. Here is 4 effects :
213
Effect 1 : Image will play from right and then fade
Effect 2 : Image will play from top and then fade
Effect 3 : Image will play from bottom and then fade
Effect 4 : Image will play from bottom to left
Click Save Item button to save config.
You can add other items.
Example :
With configuration :
THEMELOCK.COM
You will got :
214
25. Mostviewed products
This module show all newest products you add that you dont need set date
for them.
Configuration
THEMELOCK.COM
Navigate to Magentothem > Mostviewed Products > Configuration
215
THEMELOCK.COM
Click Mostviewed Product Config, we got :
Enabled: Defines whether enable this module or not
216
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 : Product quantity will be displayed in one row
Width Of Thumbnail : The width of thumbnail image will be displayed
Height Of Thumbnail : The height of thumbnail image will be displayed
THEMELOCK.COM
26. Category tabs slider
Configuration
Navigate to Magentothem > Category Tabs Slider >
Configuration
217
THEMELOCK.COM
Click General Configuration :

Slideshow Speed : Duration (in milliseconds) of slide transition
218
the next slide.
Animation Speed : The speed of animations, in milliseconds

Show Review : Defines whether the review rating will be displayed or not
Show Price : Defines whether the price will be displayed or not
Show Add To Cart : Defines whether the add to cart will be displayed or not
Show Add To Wishlist : Defines whether the add to wishlist will be
displayed or not
Show Add To Compare : Defines whether the add to compare will be
displayed or not
Show Next/Back control : Defines whether next/back control will be
displayed or not
Show navigation control : Defines whether the navigation control will be
displayed or not
THEMELOCK.COM
Add widget
You will see :
219
THEMELOCK.COM
220
Click Save Page button to save config
THEMELOCK.COM
Example :
With config :
221
We got :
Edit widget
THEMELOCK.COM
You will see :
You got :
222
When you choose option 1 :
You can edit HTML to edit content of category tabs.
THEMELOCK.COM
When you choose option 2, you get :

You can edit title, number of products to display, category ids you
want to show in this extension. When you finish editting in this
widget, choose Insert Widget. Click Save Page when you finish.
223
27. Category top
Configuration
Navigate to Magentothem > Category Top > Configuration
THEMELOCK.COM
Click Categories Top Setting :
224

Number Column : The number of columns will show categories.
Width of Thumbnail : The width of the thumbnail.
Height of Thumbnail : The height of the thumbnail.

THEMELOCK.COM
You will see :
225
THEMELOCK.COM
Example :
With configuration:
226
You got :
28. Category slider

Configuration
Navigate to Magentothem > Category Slider >
Configuration
THEMELOCK.COM
227
THEMELOCK.COM
Click Categories Configuration, Featured Product

Setting, Product Show :
228
THEMELOCK.COM
At Categories Slider Config:

Add jQuery : Defines whether add jquery or not
Auto slide: Defines whether slide will be autoplayed or not
Slide Speed: Duration (in milliseconds) of slide transition animation.
Defines how fast the current slide is replaced with the next slide.
Sort Name Items: Name Items will be sorted in ascending, descending.
Max Item Slider: Most number of items allowed in module
Width of Item: The width of item.
Width of Thumbnail : The width of thumbnail.
Height of Thumbnail: The height of thumbnail.
229
At Featured Product Setting :
Enable Featured Products : Defines whether enable module or not

At Product Show:
Show Category default : Default category will be shown.

Show product default : Type of product default will be shown : featured
products, new products, mostviewed, bestseller products, random products,
sale products, special products.
Play Delay : Timeout between 2 slides when enbale auto slide
Display column: Number product will be shown in a row.
Number Product Show : Number product will be accepted in one category.
Show Review Product : Defines whether show review rating or not.
Show Action Product: Show actions of product such as : add to cart, add to
THEMELOCK.COM
wishlist, compare or all, or dont show.

You will see :
230
THEMELOCK.COM
Example :
With configuration:
231
THEMELOCK.COM
You got :
232
Featured products
At this module, we have got Featured products table :

Navigate to Magentothem > Category Slider > Featured
Products
You will see products table
THEMELOCK.COM
To set one product as featured product, you only need tick in that product
Then click Save Featured Products.
233
IV. Trouble shooting
1. General issues
1.1. Some of the theme features don't work or give errors.

What can cause the problem:
a) Magento cache (or external cache) was not flushed after installation
of the theme. b) Compilation mode was not disabled before
installation.
c) Some of the theme files were not uploaded.
d) File permissions issue.
e) You have some third-party extensions which change/break theme's

default behavior or cause some conflicts. Extensions such as Fooman
Speedster can break the JavaScript files refer to chapter for more
THEMELOCK.COM
details.
f) You edited theme files and accidentally removed or changed

something in the files.
g) You have customized the theme by creating custom sub-theme and
your modifications change/break the default behavior of the theme.
h) You have some elements that left from your previous theme (e.g.
in Magento's "base" theme in app/design/frontend/base/) and that
changes/breaks the default behavior of the theme.
Also check your log files in var/log/(log settings should be enabled in

System > Config > Developer) for more information about possible
errors.
1.2. Blank page or 404 not found when trying to open theme admin
pages.
Log out from Magento admin panel, delete all files in var/cache/directory
(to clear Magento cache), and log in again.
234
1.3. There is no theme admin tab in the admin panel, or I get a blank
page, or Access Denied error.
Log out from Magento admin panel, delete all files in var/cache/
directory, clear web browser cache/cookies for your store domain and
log in again.
1.4. Theme was installed but Magento doesn't see the theme files
This may be file permissions issue your Magento doesnt have
access to the theme files because of incorrect file permissions on your server.
You need to set correct file permissions for all theme files (the same
permissions as for other Magento files).
1.5. "Package with this name does not exist" message when trying to
enable the theme.
This message means that:
a) theme files were not uploaded,
THEMELOCK.COM
b) or they are not in the correct place,
c) or there is file permissions issue

1.6. Tabs, sliders or other interactive elements don't work
This may be caused by jQuery conflict: one of your custom
extensions is loading another version of jQuery. You need to remove that
version of jQuery or remove that extension.
1.7. After theme installation the store gives blank page or an error.
Log out from Magento admin panel. Change the owner of the
uploaded files to the web server user and set 775 permissions for them.
Delete all files in var/cache/directory and try again.
1.8. Images (e.g. in the slideshow) are not displayed.
First, check if images were uploaded and if correct paths to those files
are specified. This may be file permissions issue your Magento
doesnt have access to images because of incorrect file permissions
235
on your server. You need to set correct file permissions for all images
and folders (in most cases images are stored in media directory).
Note:
In fresh Magento installation, the default sample home page tries

to load sample images which doesn't exist in this theme (so you
will see blank rectangles instead of images). Go to CMS > Pages
> Home page, remove the sample content and replace it with
your own content.
1.9. Sliders: previous/next buttons don't work in some browsers.
You may also want to reinstall your web browser and remove all
plugins to check if some of them can cause conflicts.
1.10. Slideshow is not displayed on the home page.
THEMELOCK.COM
Make sure the configuration of the slideshow ic correct. Enable all
the static blocks which are used as slides in the slideshow. Finally, flush
the cache.
If this doesn't help:
Non-standard value in System > Configuration > Web > Default Pages >
Default Web URL. Set the default value: cms
Some custom extensions change the default behavior of Magento's home

page, so the slideshow module is not able to load on the home page
anymore. How to recongnize that case: open the source code of the home
page in your web browser.
2. Configuration
Theme configuration changes do not appear on the frontend
Flush Magento cache in System > Cache Management, clear web
browser cache/cookies for your store domain and refresh the page in your
web browser
236
3. Third-party extensions
3.1. One of my extensions doesn't work with this theme.

This theme may not be compatible with some third-party
extensions. Its impossible for theme author to make the theme
compatible by default with all existing extensions because there are
thousands of available Magento extensions.
Generally all extensions can work with all themes but sometimes
they have to be integrated manually. Thats because sometimes the
extension and the theme override the same Magento template file so there
can be a conflict.
3.2. One of the features stopped working after third-party extension
was installed.
There can be a conflict, if the extension and the theme override the same
Magento template file. You should contact author of the extension for
more information. Also, check your log files in var/log/ (log settings
should be enabled in System > Config > Developer) for more information
THEMELOCK.COM
about the error.
237

Ma Orion Document

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Ma Orion Document

Transféré par

Droits d'auteur :

Formats disponibles

ORION RESPONSIVE MAGENTO

I. General about Magento .................................................................................................................... 7

1. Help & Support

Server Compatibility Check

1.1.2. Magento help

Magento go knowledge base

Magento go differs from Magento Community Edition but most of the

Video Tutorials Magento Go

Magento Answers Stack Exchange

1.2. Support policy

Questions about Magento:

Theme customization support

1.3. Third party extensions

where ma_orion is the name of the design package, and

2.4. Theme customization

2.5. Demo products

3.1. Prepare your Magento

5. Remove all possible custom modifications of the Magento's base

3.2.1. Quickstart package

Quickstart package = Latest Magento version + Full Extensions +

Click database you have created

Copy all of folder above to your Magento .

Click Continue. We got:

3.2.2. Install template

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

3. If your magento has many store views :

4.1. Caching system

4.1.1. Flush cache

1. Flush Magento Cache

2. Flush Cache Storage

3. Flush Catalog Images Cache

4. Flush JavaScript/CSS Cache

4.1.2. Disable cache

4.1.3. Enable cache

4.1.4. Refresh cache

To access the index management screen, go to System > Index

System > Design

Leave --Please Select--in these fields, like on the following screenshot:

4.5.2. Landing pages

4.5.3. Depth of the menu

4.5.4. Categories in Layered Navigation ("Shop By")

4.6.1. Options box

4.7.1. Attribute management

4.8. Content Management System (CMS)

4.8.1. WYSIWYG editor

After that, if needed, WYSIWYG can always be turned on with Show/Hide

4.8.3. CMS markup tags

will be replaced with the stores base URL.

will be replaced with this URL:

4.9. Translation / Localization

4.9.1. Interface translation

If you open translate.csv in OpenOffice Calc it might look like this:

The first column contains the original chorioncter strings. It should be

4.9.2. Language flag

5. Magento theme customization

5.1. Design packages

5.2. Theme structure

Template files are organized as follows:

Skin files are organized as follows:

5.3. Fallback mechanism

skin/frontend/base/default/css/menu.css. The "default" theme in the

Let's take a look again at the entire fallback hierarchy:

1. Look for the requested file in custom sub-theme:

The most important advantages of the fallback mechanism: