Custom variant color

This article will help you adjust the variant color for product items.

1. Product item Color settings

From Theme Settings -> Product Item Settings.

  • Show Color: This option allows you to Enable/Disable variants of Product items.

  • Show type: You can select between All color and Only colors available.

  • Swatch Layout setting: This option allows you to change the swatch style like color or image variants.

  • Swatch size for Design variants with color: You can adjust swatch size with Three level like Small, Medium, Large.

  • Swatch Style: This option allows you to change the style of swatch to Rounded or Square.

2. Swatch, Label submenu

From Theme Section Sidebar -> Swatch, Label submenu -> Add block Swatch color

  • Color Name: You need to set the Swatch color name same as Variant color that you have set in Products.

  • Select color: You can set One or Two color for Swatch.

  • For complex color: you can upload image and do not select color. (Remember to enable 'Show image' option)

[Private offer] EComposer Partner Plan

Exclusively for Gecko users, 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, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Gecko with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Gecko+EComposer” to upgrade for free.

Cheers, The4.

Last updated