How to use the Attribute Option Pro extension?
The Attribute Option Pro extension allows you to associate images to your product attributes as well as to each attribute option. You'll then be able to display on your frontend icons for each attribute such as shoes type, color...
You'll also benefit from easy features to sort your attribute options via drag & drop or alphabetically and you'll be able to hide store columns of your choice.
The extension is very easy to use and can be configured very quickly.
Configure the extension in a general way
You can start with the general configuration of the extension. For this, go to:
SystemConfigurationWyomindAttribute Option Pro
With Attribute Option Pro you can add a second image to your product attribute options by enabling the Additional Image option.
Also, you have the possibility to hide stores columns. You can easily choose which store column(s) you want to hide from the Hide Stores dropdown.
With the above configuration, you have the possibility to add a second image to each attribute option. Also, the column for the German store view will be hidden.
Configure your attributes
The Attribute Option Pro extension allows you to add an image to your attributes but also to each attribute option.
Add an image to your attribute
You can define an image to display in the frontend for each attribute, in:
Select an attribute to edit. In the Frontend Properties tab, you can then select an image from your media library or directly paste the URL in the Attribute Image field.
The image you've selected should then be displayed in your frontend where the attribute is called.
Note that if you're using another template package than default, you'll need to copy all files in:
to your current package, for example:
Add an image for each attribute option
The Attribute Option Pro extension makes it possible to add an image for each attribute option.
For this, you can choose an attribute to edit in:
Then in the Manage Labels/Options subtab, you should see an Image column for each label.
You can simply paste the url of the image you want to display or upload it via the Media storage tool.
Once this is done for each option, go back to your frontend. Below is what you should get