Open Store Free
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket

Kalles WordPress Theme

home/Documentation/Kalles WordPress Theme
Popular Search:Import demo, Update theme, Custom color
  • 2. CHANGELOGS
  • 3. INSTALLATION
    • How to import demo data?
    • Install theme
    • Installing Required and Recommended Plugins
    • System Requirement
  • 4. UPDATE THEME
    • How to update the plugins that came with the theme
    • How to update the theme?
  • 5. SHOP PAGE
    • How to add the content for filter on mobile device
    • Sub Categories
    • Top Categories Menu
  • 6. PRODUCT PAGE
    • Brand page
    • Buy more save move feature
    • Complete The Look
    • Dynamic checkout buttons
    • External/Affiliate Product
    • Frequently Bought Together
    • Grouped Product
    • Other product swatch types
    • Product 360 viewer
    • Product Swatches Color
    • Product Swatches Gallery
    • Product Swatches Images
    • Product Upsell Features
  • 7. THEME OPTIONS
    • Blog
    • Cart & Checkout
    • Categories page
    • Color Scheme
    • Custom 404 page
    • Custom CSS JS
    • Footer settings
    • General Settings
    • Header
    • Maintenance Mode
    • Popup
    • Portfolio
    • Product Page Configuring
    • Social Network
    • Typography
    • WooCommerce General
  • 8. ELEMENT SECTIONS
    • Banner
    • Banner carousel
    • Banner Custom
    • Banner Packery
    • Blog
    • Categories List
    • Deal of the day
    • Featured Product
    • Heading
    • Icon and Text
    • Instagram shop
    • Kalles Newsletter
    • Links list
    • MailChimp
    • Member
    • Portfolio
    • Product
    • Product Tabs
    • Products
    • Testimonial Carousel
  • 9. FEATURES
    • Ajax Login, Google Capcha Verify
    • Myshopkit Configuration
    • New Filter Layout
    • Popup Login
    • Portfolio
    • Price Range Slider Filter
    • Social Login
    • Store Location page
    • White Label
  • 10. THEME FAQs
    • Currency
    • How to Build a Mega Menu?
    • Why and how to install the child theme?

Other product swatch types

305 views 3 January 18, 2022 Updated on January 19, 2022 Alice

Besides swatch product by color, you can also use swatch by Radio, Select, and Label.

1. Add new swatch types.

You can choose multiple product swatch types but to ensure an attractive appearance, we highly recommend you to use a consistent form. To add the other types, from the dashboard > Products > Attributes.

  • Name: Add a name for the attribute (shown on the front-end).
  • Slug: Insert a unique slug/reference for the attribute, the maximum character is 28.
  • Enable Archives: Enable this if you want this attribute to have product archives in your store.
  • Type: There are four types: Color, Select, Label, and Radio.
  • Default sort order: You can choose Custom ordering, Name, Name (numeric), or Term ID.

1.1. Label

You can watch this video to add a swatch Label:

  •  Label shape
With the product swatch label, you can select rounded or square shape. Please go to Them options > WooCommerce General > Swatches to set the label’s shape.

1.2. Radio

You can repeat processes like in Label but instead of type Label, please select Radio. Note: With Radio type, the default shape is rounded.

1.3. Select

You can repeat processes like in Label but instead of type Label, please select Select. Note: With Select type, the default shape is square.

Was this helpful?

3 Yes  No
Copyright 2021 the4.co. All Rights Reserved.
Popular Search:Import demo, Update theme, Custom color