How to mass add images to variants

Hi, I have 20 products, each with the same 2 sets of 2 color options (total of 400 color options) for the customer to pick from per product. So, I have to characteristics each with 20 options to them. My question is, is there an easy / quick way to add a sample color to each of these one time and apply it to all 20 products, or will I have to add the picture of the color each and every single time.

*Note* The picture is literally a block of color, not a sample of the product with that color.

So, to clarify, what I am wanting to do, if possible, is have a small picture appear next to the drop down of the color selected so people can see what their color is. Rather than replacing the main image, and preferably without having to go in and add an image for each variant combination.

I am currently using the free version, but I am planning on upgrading to the essentials version soon.

Hi,

What you can do is this:

In your characteristic, you enter a simple name for each color, for example "blue" and "red".
Then, in the translation override of HikaShop, you can enter such text:
Then, change the characteristic display method to "radio" in the configuration and you will see radio buttons with the corresponding image for each value.

Finally, you can just add that characteristic to each product and that will be automatic.

Great, thank you! I will give it a try.

Is it possible to do this with drop down instead of radio?

You can't add images inside dropdowns in HTML.
You would have to use CSS no the id of the each value of the dropdown. So it's still possible but a bit more complex.

I will try the first option with the Radio buttons first, I was just hoping for a cleaner more condensed way of displaying the characteristics/variants (color) with picture in a more compact manor similar to how it's done in JoomShoping since that is what I am switching from.

nicolas wrote: Hi,

What you can do is this:

In your characteristic, you enter a simple name for each color, for example "blue" and "red".
Then, in the translation override of HikaShop, you can enter such text:

Code:

BLUE="<img src='http://mywebsite.com/myblueimage.png'/>Blue"

Then, change the characteristic display method to "radio" in the configuration and you will see radio buttons with the corresponding image for each value.

Finally, you can just add that characteristic to each product and that will be automatic.

I can't get this working. I've added the line 'Rood="<img src=' www.michelpouliwebshops.nl/webshops/images/kleuren/Rood.png'/ >Rood" ' to the language overide and changed the characteristic display method to "radio". It's not showing the image though.

Hi,

please try with this
Regards,