Gecko5
Search…
Gecko5
Greeting
ChangeLog
Installation
Some Basic Before Using Theme
Upload Theme
Import Demo
How to update the theme ?
How to get Instagram Access Token
Easy metafield editor
Trick, Helpful CSS
Shopify Apps
Get Discount
Require apps (free)
Recommend app (optional)
Main navigation
Create a Menu
Megamenu config
Mobile menu config
Theme settings
Header
Layout
General settings
Logo Header
Style and Color
Typography
Footer
Collection Page
Product settings
Product Item Settings
Shopping Cart & Search Widget
Config Articles On Blog Page
Other Settings
Language, Currency
Custom CSS, JS
Social Media
Favicon
Checkout
Portfolio configuration
Filter by Tag for Blog
Cart Tab
Config Search Page
Collection filter
Filter by Product Options
Filter by Tags
Config Collection List
variant configuration
Config variant in product page
Custom variant color
Custom variant image
Variant ID on URL
Some popular questions related
Shopping Cart Widget
Sections
Swatch, Label Submenu
Exit product popup
Sticky add to cart
Mobile Categories
Sticky Toolbar Mobile
Sale popup
Collections
Blog
Image
Video
Text
Promotional
Social media
Lookbook
Products
Video Thumbnail
Sections on Blog
Page heading
Features
Contact page
Page FAQs
About Us page
Brand page
FAQ Gecko 5
Powered By
GitBook
Custom variant color
1 - Go to
Collection pages > Theme settings > Product item settings
Go to 'product item color settings' part
1.1 - Show color
1.2 - Show type
All color: your product has any colors it will be show all colors
Only colors available: Only show variant not out of stock
1.3 - Swatch layout settings
1.4 - Swatch size for Design variants with color
1.5 - Swatch Style
2 - Go to
Sections > Swatch, Label submenu
Set name the color and select the color code you want to customize.
2.1 - Color name
2.2 - Select color
For simple color: you can choose 1 or 2 color (pink, white, gray, black...)
For complex color: you can upload image and do not select color. (remember enable 'color image')
​
​
From The4
Hopr you success!!
​
variant configuration - Previous
Config variant in product page
Next - variant configuration
Custom variant image
Last modified
1yr ago
Copy link
Contents
1 - Go to Collection pages > Theme settings > Product item settings
1.1 - Show color
1.2 - Show type
1.3 - Swatch layout settings
1.4 - Swatch size for Design variants with color
1.5 - Swatch Style
2 - Go to Sections > Swatch, Label submenu
2.1 - Color name
2.2 - Select color