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
Config variant in product page
Go to Product page > Sections > Product summary > Product form

1 - Add to cart animation

None
You click to this link to watch animation: https://www.loom.com/share/6659e27826674a8f87bc00498e879cb9​

2 - Loop time (seconnds)

Loop time add to cart animation

3 - Button design

Design 1
Design 2
Design 3

4 - Button transform Text

None
Lowercase
Capitalize
Uppercase

5 - Swatch design setting

** Circle:

Circle
Circle and color

** Radio:

Radio
Radio and color
Radio Full Width
Radio full width with color

** Rectangle:

Rectangle
Rectangle and color

** Simple:

Simple
Simple and color

6 - Swatch color setting for Design

Swatch color circle
Swatch color square

7 - Swatch Layout setting for color/img

Swatch color
Swatch image variants

8 - Swatch color setting for size

Small
Medium
Large
Extra large

9 - Show quantity selector

10 - Use add to cart full width

11 - Show dynamic checkout button

Lets customers check out directly using a familiar payment method. Learn more​
​
​
From The4
Hope you success!!
​
​
Previous
Make filter open in default
Next - Variant Configuration
Custom variant color
Last modified 1yr ago
Copy link
Contents
1 - Add to cart animation
2 - Loop time (seconnds)
3 - Button design
4 - Button transform Text
5 - Swatch design setting
6 - Swatch color setting for Design
7 - Swatch Layout setting for color/img
8 - Swatch color setting for size
9 - Show quantity selector
10 - Use add to cart full width
11 - Show dynamic checkout button