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 Color

Annie

Written by Annie

Last updated

407 views

On this page


This article will help you know how to configure the Swatches Color for your Products.

Product-swatches-color.gif

1. Enable Swatches Settings

Product-swatches1.png

First one, in the WordPress Dashboard, please go to The4 Dashboard > Theme Options > WooCommerce General > Swatches > and Enable Swatches option. If you did not enable this option, Swatches Color will not show on your store.

2. Configure Product Attributes

In the WordPress Dashboard, please go to Products > Attributes option.

Product-swatches-2.png

You guys can follow my video below to know how to create Attributes for your Products.


After creating Attributes, please follow my video below to know how to configure terms for Product Attributes.

3. Configure Product Variable in Products

In the WordPress Dashboard, please go to Products > Add new > Create a Variable product for your store.

Product-variable.png

You can follow my video below to know how to configure a variant for a Variable product:

In the frontend, the product will work as the GIF image below:

Product-swatches-color.gif

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