-
1
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
-
Table of Contents User Guide
2
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
Table of Contents
1.Introduction to Colors, Sizes and Materials Swatch PRO ................................ 3
2. How to Install and Deactivate ........................................................................ 4
3. How to Configure ........................................................................................... 7
4. How to Use .................................................................................................. 10
-
Introduction to Colors, Sizes and Materials Swatch PRO User Guide
3
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
1.Introduction to Colors, Sizes and Materials Swatch PRO
Magento Colors, Sizes and Materials Swatch PRO extension is a perfect tool for customers
to select some product options. The extension shows these options in the catalogue
(category pages, search results, product list by tags or other filters) and on the product page.
The product gets changed instantly, depending on the options, you have picked.
Features:
Set images as product options
Switch the main image according to chosen options
Configurable product options in the catalogue and on the product page
Magento Colors, Sizes and Materials Swatch Pro basically allows you to create any type of
configurable products with an amount of options. You will acquire an outstanding professional
tool to set up Magento configurable products.
The product gets changed instantly, depending on the options, you have picked.
The picture is being cached, so it will be displayed unchanged and you wont need to reload it
again. This makes Magento Colors, Sizes and Materials Swatch Pro to switch between
product options really fast!
If you have too much options for one item (too many colors for instance) you can set only few
of them to be displayed on the catalogue page, with a link to full number of colors.
If several options are available, when the first option is selected, all further options are
chosen automatically to the first value and the user doesnt need to pick them all to display
the product type.
-
How to Install and Deactivate User Guide
4
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
2. How to Install
Step 1: Use FTP client to upload all folders from the zip package to your Magento site root
folder. Be sure that you upload them to the correct directories.
Attention! If your template is not default, be sure to change the folders of the installed module
from /app/design/frontend/default/default to
/app/design/frontend/YOUR_PACKAGE/YOUR_THEME and /skin/frontend/default/default to
/skin/frontend/ YOUR_PACKAGE /YOUR_THEME
Step 2: Replace in the file catalog/product/list.phtml the following themes
-
How to Install and Deactivate User Guide
5
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
Replace for both GRID and LIST
Step 3: Replace
-
How to Install and Deactivate User Guide
6
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
How to Deactivate
Step 1. Disable Extension.
Log into MagentoAdmin Panel and go to System Configuration Color Swatch Pro
Settings
Select "Disable" to deactivate the extension. Click Save Config button.
The extension is now deactivated.
Step 2.Clear cache.
Go to System Cache Management.
Clear the store cache.
-
How to Configure User Guide
7
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
3. How to Configure
Log in to the admin panel, and we will show you how to configure the extension step by step.
If you want to create any type of configurable products with different options, transfer to
System > Configuration > Color Swatch Pro on your dashboard.
Youll see page for Colors, Sizes and Materials Swatch Pro extension settings.
-
How to Configure User Guide
8
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
The first section is common settings. Here you can choose Enable or Disable extension.
In the Attributes to Replace tab, you should enter attributes of Configurable Product.
The next you should choose to use icons or not.
If you choose to use icons the next step will be selection to show all options or only allowed.
In the first case all options are shown but only allowed are available to be clicked.
In the Icons Directory field you should enter the folder, if the icons are used.
In the Icon Extension tab you should enter files format.
In the tab Switch Image you can choose Yes/No. If Yes, the image will change depend on
chosen options, if No the image will be standard for all attributes.
The last tab is Auto Selection. If several options are available, when the first option is
selected, all further options are chosen automatically to the first value. You should only
choose Yes/No.
-
How to Configure User Guide
9
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
The next section is Category/Search Results/Tag Product List Page settings.
First of all choose to show options on Category page or not. Other 4 settings are available if
options are enabled.
In the field Image Size enter width and height.
In the next fields you should choose if the link to all options will be available and enter the link
text.
In the last tab enter the maximum number of icons could be shown. For example, 4 icons.
The last section is Product View Page settings.
In this section you should enter sizes of images and thumbs to be displayed on the product
page. Select the optimal size for your store.
-
How to Use User Guide
10
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
4. How to Use
Its time to show how Colors, Sizes and Materials Swatch PRO extension will be looked at
frontend.
You may set icons or dropdown menu.
You can display the unused or out of stock colors. They keep present but can not be clicked.
-
How to Use User Guide
11
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
You can select a standart image for all products or a special one depending on option.
You may choose to show options on category page or not.
-
How to Use User Guide
12
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
You can set the number of shown icons.
And finally, you may select the image size to fit your store perfectly well.
-
How to Use User Guide
13
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
If several options are available, when the first option is selected, all further options are
chosen automatically to the first value and the customer doesnt need to pick them all to
display the product type.
All options are shown in the catalogue (category pages, search results, product list by tags or
other filters) and as well on the product page.
-
User Guide
14
www.store.belvg.com skype ID: store.belvg email: [email protected] US phone number: +1-424-253-0801
Thanks for your interest in BelVGMagento extensions!
If you want to buy Colors, Sizes and Materials Swatch PRO
extension, follow This Link.
Please, visit our website and explore other BelVG extensions at Our Store.
If you have any questions, contact us by e-mail: [email protected]