Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Product page - Product Swatches Images

Annie

Written by Annie

Last updated

333 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.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

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