Ecomm Documentation
  • Welcome to Ecomm
  • Guides
    • Theme requirements
    • WordPress knowledge base
    • My purchase code
    • How to get support
    • How to install demo
    • How to update
  • eCommerce features
    • Product bundles
    • Quantity discount
    • Quantity select
    • Sale countdown timer
    • Sale notification
    • Product frequently bought
    • Product compare
    • Product wishlist
    • Product quick view
    • Multi-currency switcher
    • Product custom tabs
    • Product swatch
    • Shoppable images
    • Product video gallery
  • Customize
    • WordPress configuration
    • Customize
    • Site layout & background
    • Colors & typography
    • Top bar
    • Header
    • Logo
    • Navigation
    • Page title bar & breadcrumb
    • Sidebars
    • Footer
    • Pages
    • Blog
    • Shop
    • Site Info
    • Search & popup search
    • 404 page
    • Pre loader
    • Advanced
    • Login/register popup
    • Subscribe popup
    • Cookie notice
    • Preset
    • Performance
    • Menus
    • Site Identity
    • Widgets
    • Homepage settings
    • WooCommerce
    • Additional CSS
    • Additional JS
    • Import/Export
  • Pages
    • Create a page
    • Change page title
    • Page options
    • Maintenance mode
    • Onepage setup
  • Menu
    • How to create menu
    • How to create Mega menu
  • FAQs
    • Things you should know about theme updating
Powered by GitBook
On this page
  1. eCommerce features

Product swatch

PreviousProduct custom tabsNextShoppable images

Last updated 3 years ago

Check the video for detailed instruction:

Step 1: From the admin dashboard, navigate to Products > All Products. Step 2: Select the product you want to set Product variation swatches. At the Product data section, select Product type as Variable product. Step 3: Firstly, choose tab Attributes, you will have to add attributes for the product including Color, Size, Designer’s picks, Designs. Then click Add.

Step 4: Click on each attribute tab to fill in its value by typing in the value you want then hit Add new. Also, put a tick on 2 options that are Visible on the product page and Used for variations. And finally hit Save attributes.

Notes: To add new attributes for a product, go to Products > Attributes. Then choose the attribute types to configure.

Step 5: Move to tab Variations, click the dropdown menu and choose Create variations from all attributes, click Go.

Step 6: Now you will see all the variations appear based on the product’s attributes. Firstly, select the default variation if you want. Next, select the attribute that you want to show on shop catalog. Step 7: Click on each variation to set up its image, price, sale countdown and other details as you want.

Notes: In order to display the product image for different variations, add all the variations' images in Product gallery first.

Step 8: Finally, click Save changes after you finished all of them. And click Update to save changes to the product.