Variation Image as Swatch instead of Text or Color

Hi i would like to know if it is possible to add color variation of a product, image of the color as a swatches instead of text or color pls find the attachment

Attachments:

You must be logged in to view attached files.

Hello,

Please follow this manual to configure the images: https://xtemos.com/docs-topic/image-size-and-content-alignment-in-a-product-grid/

If you have any questions please feel free to contact us.

Best Regards

no i need the color variation to have images instead of color for example in the above image i want the image of the box in gold to appear instead color swatch gold. image of the box in black instead of color black swatch

i want my product variations to have image as swatches instead of color. i have turned on the ” Use images from product variations ” but my swatches are still just image of color

Attachments:

You must be logged in to view attached files.

Hello,

1. Enable “Use images from product variations” in the Theme Settings > Shop > Variable products;
2. Upload the image to the product variation in the product page > Variation (in the product date block) > select the appropriate variant and set the main image.
3. Remove the color from the attribute item in Product > Attributes > Select the attribute > Configure items > Select the attribute item, set the image, and remove the color.

If you have any questions please feel free to contact us.

Best Regards

Hi could you explain the step 3 what you mean by remove the color

Hello,

The attribute item has both image and color options, clear the color.

If you have any questions please feel free to contact us.

Best Regards

I’m having the same problem. I already enabled “Use images from product variations” (file 1 attached). Then I uploaded the main image in the variation (file 2 attached). But it still showing dropdown instead of the images (file 3 attached).

What can I do to show the image swatches on the single product page?

Attachments:

You must be logged in to view attached files.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Just to be more clear about my case: When I import products from Dsers, they come automatically with custom attributes (print attached) and all the variations combining these attributes (prints attached).
But even with the picture for each variation, it still showing the dropdown selection.
I want to show the picture for each variation instead of the dropdown.

Attachments:

You must be logged in to view attached files.

Hello,

You have not configured attributes: https://gyazo.com/745dd785c6c56c913e9d51ab08126056

Please remove the custom attributes and add global attributes to every variable product and then create variations: https://gyazo.com/154ad88baeb57b0284885cb09f0e7a91

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts