Aitoc. Layered Navigation Pro User Manual for Magento

Transcription

1 Layered Navigation Pro User Manual for Magento

2 Table of Content 1. Enabling the extension in Magento. 2. Configuring Layered Navigation Pro. 3. Configuring visual attributes. 4. Visualize Your Attributes settings. 5. Color swatch settings.

3 1. Enabling the extension in Magento In System > Manage Modules, check Layered Navigation Pro (both units - Visualize Your Attributes and Layered Navigation Pro). Click "Save modules settings" on the top right.

4 2. Configuring Layered Navigation Pro In Categories Filter, you can switch on / off the Category block (filter). In Categories Display Block, you can either show this block in the Sidebar or at the Top. In Categories Display Type, you can choose between 3 types of Category display: Default (List), Dropdown, Whole Category Tree. System > Configuration > Design > Layered Navigation

5 2. Configuring Layered Navigation Pro In Price Filter, you can choose between 3 types of price display: Default, Slider and Input (customer can enter the price manually). System > Configuration > Design > Layered Navigation

6 2. Configuring Layered Navigation Pro If you set this to Yes, customers will be able to follow links in your navigation (thanks to Ajax), while search engines will see no hyperlinks associated with your navigation attributes (an SEO feature). System > Configuration > Design > Layered Navigation

7 2. Configuring Layered Navigation Pro "Reset Filters while Click on Another Category" set it to "Yes" if you wish the filters to be reset each time a customer goes to a different category. "Scroll to Top When Clicking on a New Parameter" - set it to "Yes" if you wish customers to be taken to the top of the page when a new filter is selected. System > Configuration > Design > Layered Navigation

8 2. Configuring Layered Navigation Pro If you set this to Yes, pagination tags will be added to the code of your category pages. These tags tell search engines that a particular page belongs to a series of pages, e.g. it s page 3 of the series (an SEO feature). System > Configuration > Design > Layered Navigation

9 2. Configuring Layered Navigation Pro The number of attributes visible in navigation before the Show More Attributes link. 0 will show them all. System > Configuration > Design > Layered Navigation

10 2. Configuring Layered Navigation Pro The number of attribute values before the Show More link. 0 will show all attribute values. System > Configuration > Design > Layered Navigation

11 2. Configuring Layered Navigation Pro The time before every attribute and value ranking position will be cleared. When it s set to Yes most popular attributes / values will appear higher in the list - least popular ones will appear lower. System > Configuration > Design > Layered Navigation

12 2. Configuring Layered Navigation Pro You can choose to activate an endless page of search results (similar to how Google Images work). System > Configuration > Design > Layered Navigation

13 3. Configuring visual attributes Click Add New to add a new attribute. Catalog > Attributes > Visualize Your Attributes

14 3. Configuring visual attributes Choose the attribute to visualize. Attribute visuals will appear on product pages. Catalog > Attributes > Visualize Your Attributes - Add New

15 3. Configuring visual attributes You can choose to show in navigation: (1) icons + text + quantity (2) icons + text (3) icons OR text + quantity (4) icons only (5) text only Catalog > Attributes > Visualize Your Attributes - Add New

16 3. Configuring visual attributes If you choose Custom Images, you ll be able to add image icons for values of the attribute you re creating / editing. Catalog > Attributes > Visualize Your Attributes > Attribute Visualization Type > Custom Images

17 3. Configuring visual attributes If you choose Color, you ll be able to specify color-code values for the attribute. Catalog > Attributes > Visualize Your Attributes > Attribute Visualization Type > Color

18 3. Configuring visual attributes If you choose Text Icons, you ll be able to add geometrical-shape icons with text / numerals in them for your attribute values. You can also specify icon and text color. Catalog > Attributes > Visualize Your Attributes > Attribute Visualization Type > Text Icons

19 4. Visualize Your Attributes settings Visual attributes appear in: 1. Product pages 2. Product list 3. Layered navigation filters 4. Configurable product options You can specify icon size and font size separately for each of these places. System > > Configuration > Design > Attribute Icons

20 5. Color swatch settings Here you can add a set of images for each configurable option. Important: the extension works for the first configurable attribute in the product. Catalog > Manage Products - Any configurable product > Additional Images

21 5. Color swatch settings Color swatches - front-end examples.

22 Useful resources Useful Resources 1. Introduction Video (1.45 min) Demo Installation guide -

23 Brought to you by You can purchase Layered Navigation Pro at For questions please at