Kalles
Search…
Kalles
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 Setting
Header
Layout
General Settings
Logo Header
Style and Color
Typography
Footer
Collection Page
Product Settings
Product Item Settings
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
Recommendation Pop-up Add to Cart
Collection Filter
Filter by Product Options
Filter by Tags
Variant Configuration
Config variant in product page
Custom variant color
Custom variant image
Variant ID on URL
Product Setting
Some popular questions related
Shopping Cart Widget
Sections
Swatch, Label Submenu
Config Compare Page
Exit product popup
Sticky add to cart
Mobile Categories
Sticky Toolbar Mobile
Sale popup
Collections
Blog
Image
Video
Text
Promotional
Social media
Lookbook
Products
Cart Tab
Video Thumbnail
Sections on Blog
Page config
Features
Contact page
Page FAQs
Brand page
About Us page
FAQ Kalles
Powered By
GitBook
Custom variant color
** Go to
Collection pages > Theme settings > Product item settings
Go to 'product item color settings' part
1 - Show color
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
3 - Swatch layout settings
Default swatch color
Swatch image variant
4 - Swatch size for Design variants with color
Small
Medium
Large
5 - Swatch Style
Rounded
Square
** Go to
Sections > Swatch, Label submenu
Set name the color and select the color code you want to customize.
1 - Color name
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
** Go to Collection pages > Theme settings > Product item settings
1 - Show color
2 - Show type
3 - Swatch layout settings
4 - Swatch size for Design variants with color
5 - Swatch Style
** Go to Sections > Swatch, Label submenu
1 - Color name
2 - Select color