DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 963,274 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for How Opencart Purpletree Option Images and Color Swatches Extension work?
Birendra Kumar
Birendra Kumar

Posted on

How Opencart Purpletree Option Images and Color Swatches Extension work?

By using Purpletree Opencart color swatches you can generate the color and image swatches to display the available product attributes like colors, sizes, images, styles, checkboxes, dropdown, etc. You can replace the drop-down fields with color and image swatches.
Features:-
ยท Option to show swatches on the product page.
ยท Option to create swatches using Radio/dropdown Buttons.
ยท Option o add the different images for the product options.
ยท Option to create swatches using color.
ยท Option to set the minimum number of attributes to show on Shop Page.
ยท Option to create swatches using colors.
ยท Option to create swatches using images.
ยท Option to create swatches using icons
ยท Option to create swatches using text.
ยท Option to change Swatch border style in the circle or square shape.
ยท Option to set the attribute term label font size and font-weight.
ยท Option to set the price label and font-weight.
How to set color swatches option on a product:-
ยท To set the option on a product first thing we have to create the options. To create the options go to Admin > Catalog > Options > Edit Checkbox/Radio > Then click to add button then Select type, Enter option name, Upload the image and then finally select the color then click to save button.
Apply the option on the product:-
ยท To add the option on product go to Catalog > Product > Add/Edit any product then go to option tab. Select the Option type which is checkbox then fill the all values according to your needs then finally click to add button.
ยท After doing all this then go to the front of your website open the product on which you have added the options.
Get This Extension At https://www.purpletreesoftware.com/option-images-color-swatches.html

Latest comments (0)

๐ŸŒš Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.