visualize your attributes color swatch user manual by aitoc
TRANSCRIPT
![Page 1: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/1.jpg)
Visualize Your Attributes. Color SwatchUser Manual for Magento
Aitoc
![Page 2: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/2.jpg)
Aitoc
Table of Content
1. Enabling the extension in Magento.
2. Creating a new visual attribute.
3. Visualize Your Attributes - design settings.
4. Color swatch settings.
![Page 3: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/3.jpg)
Aitoc1. Enabling the extension
In System > Manage Aitoc Modules, check Visualize Your Attributes and click "Save modules settings" on the top right.
![Page 4: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/4.jpg)
Aitoc2. Creating a new visual attribute
Click “Add New” to add a new attribute.
Catalog > Attributes > Visualize Your Attributes
![Page 5: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/5.jpg)
Aitoc2. Creating a new visual attribute
Choose the attribute to visualize.
Attribute visuals will appear on product pages.
Catalog > Attributes > Visualize Your Attributes - Add New
![Page 6: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/6.jpg)
Aitoc2. Creating a new visual attribute
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
![Page 7: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/7.jpg)
Aitoc2. Creating a new visual attribute
Catalog > Attributes > Visualize Your Attributes - Add New
If you choose “Custom Images”, you’ll be able to add image icons for values of the attribute you’re creating / editing.
Click to upload an image.
![Page 8: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/8.jpg)
Aitoc2. Creating a new visual attribute
Catalog > Attributes > Visualize Your Attributes > Attribute Visualization Type > Color
If you choose “Color”, you’ll be able to specify color-code values for the attribute.
Enter color codes.The extension will help you enter color codes based on the web color list.
![Page 9: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/9.jpg)
Aitoc2. Creating a new visual attribute
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
Select colors for text icons.
![Page 10: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/10.jpg)
Aitoc3. Visualize Your Attributes - design settings
Visual attributes appear in:
1. Product pages2. Product list3. Layered navigation filters4. Configurable product options
You can specify icon size and font size separately for each of these places.
System > Configuration > Design > Attribute Icons
![Page 11: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/11.jpg)
Aitoc4. 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
![Page 13: Visualize your attributes color swatch user manual by AITOC](https://reader035.vdocument.in/reader035/viewer/2022081401/559f800a1a28ab68488b484d/html5/thumbnails/13.jpg)
Aitoc
Brought to you by
You can buy Visualize Your Attributes. Color Swatch at www.aitoc.com/en/magentomods_visualize_your_attributes.html
For questions please email at [email protected]