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

Header background

Product Swatch Types

Annie

Written by Annie

Last updated

1667 views

On this page


When you view the Theme live demo, on the Megamenu you will see all swatch types of products in the image below:

11.png

In this article, we will show all styles of the product swatches, so you can choose to use the swatch types that you wanna use so easily!

1. Show swatch type

1.1. On Product page

Go to Product page > Product Main > Product Form > Product Swatch option to configure the swatch types, please follow this video:

1.2. In product grid layout

It will show the color swatches in product items on homepage/collection page/etc..

Go to Theme settings > Product Items > COLOR SWATCHES

12.png

To show Size list:

13.png

1.3. Change your custom colors

You need to follow this guide to configure your own colors to the swatches.

2. Multi-languages

The color swatches only work when the variant name is Default: "Color, Colors, Couleur, Coloure".

If the primary language of your theme is not English, or you are using multi-languages, example: English and German. You need to add the variant name for other languages.

Please follow this video:

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

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.