SectionAI is free + 20K tokens if you're a The4 customer, Free plan is available Install App  

Header background

Product page - Product Swatches Images

Annie

Written by Annie

Last updated

754 views

On this page


Do you want your product page to show the image swatch variant appearance like this?: https://kalles.the4.co/demo/fashion/product/mercury-tee/

To attract customers’ attention, you can add a photo of the variant color. You can follow the same steps below to configure the same demo.

1. Enable variant image option

First one, in the WordPress Dashboard, please go toThe4 Dashboard > Theme Options > WooCommerce General > Swatches > Turn on “Use variant image?” option

21.jpeg

2. Configure Product Variations

Note: To be able to upload the variant image on the Variations tab, you have to configure product attributes the same as in this guide first.

From the WordPress Dashboard, you can go to Products. Select the product you want. From the Product Data field, please select the variable product. From there, open the Variations tab and you can upload the image for the variant.

After uploading the image, please click Update > Preview Changes to see the result.

🎁 Exclusive Deals for The4 Customers

SectionAI

🤖 SectionAI – Build Sections with AI

Generate Shopify sections from text or wireframes.
The4 users get +20,000 bonus tokens when verifying their theme license.

  • ✅ No-code section builder
  • ✅ Works with your The4 theme
  • ✅ Build FAQs, banners, product grids & more
🚀 Try Free – Claim Tokens
EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114).

  • ✅ 100+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.