☀️
Elessi
  • Introduction
  • GETTING STARTED
    • Download and Installation
      • Requirements
      • Download Theme
      • Installation Theme
    • Import Demo Content
      • Import More Demos
    • Updates
      • Update Theme
        • Method 1: Automatic Updates
        • Method 2: Manual Update
      • Update Nasa Core plugin
      • Update WP Bakery and Revolution Slider plugin
    • Performance
    • Changelog
  • Header & Menu
    • Header
      • Header Layout
        • Header Layout 1
        • Header Layout 2
        • Header Layout 3
        • Header Layout 4
        • Header Layout 5
        • Header Layout 6
      • Topbar Promotion - Vertical Scroll
      • Top Bar
      • Set Up Logo
      • The Block Under Header
      • Header Transparency
      • Sticky Header
      • Header Builder
        • By the WP Bakery
        • By the Elementor
    • Menus
      • Menus & Locations
      • Create New Menu
      • Config Mega Menu
        • How to set up Mega menu horizontal
        • How to set up Mega menu vertical
  • FOOTER
    • Footer Layout
      • Footer WP Bakery
        • Footer Light 1
        • Footer Light 2
        • Footer Light 3
      • Footer Widgets
      • Footer Elementor
    • Footer Builder
      • By the WP Bakery
      • By the Elementor
    • Mobile Footer
      • By the WP Bakery
      • By the Elementor
      • App Simulation Mobile Layout
      • Sticky Add To Cart
      • Mobile Bottom Bar
  • PAGE BUILDER
    • General
  • SHOP PAGE
    • Shop Layout
      • Shop Filter
      • Sidebar
      • Product Hover Styles
      • Product Card Styles
      • Pagination Layout
      • Breadcrumb
      • Filter by Levels - Product Group
      • Catalog Mode - Disable Add To Cart
    • WooCommerce
      • Template
      • Checkout Layouts
      • Woocommerce Settings
      • Adding Products
      • Mini Cart - Options
        • You may be interested in ... - Mini Cart
        • Change variation - Mini Cart
        • Quantity input - Mini Cart
        • Subtotal Items - Mini Cart
        • Note, Shipping, Coupon - Mini Cart
  • SINGLE PRODUCT
    • Product Sidebar
      • Sidebar Classic
      • Off – Canvas Sidebar
    • Single Product Images
      • Classic
      • Gallery Grid - Sticky Info
      • Gallery Grid 2
      • Slider - Full Width
      • Purchase Focus
      • Background Light
    • Product Features
      • Variation Swatches
      • Variation Swatches Styles
        • Style 1
        • Style 2
        • Style 3
        • Style 4
        • Style 5
        • Style 6
        • Style 7
        • Style 8
        • Style 9
      • Encourage purchases
        • Fake Sold, Virtual Sold
        • Bulk Discount - Buy more save more
        • Virtual Online Visitor
        • Estimated Delivery Time
        • Fake Purchase
      • Personalized Product
      • Bundle Product
      • Bought Together
      • Label (Badge) Product (NEW, HOT)
      • Product 360° Viewer
      • Video Thumbnail
      • Featured Product
      • Countdown
      • Brand Product
        • By Taxonomies
        • By Attributes
        • Convert Taxonomies -> Attrs Brand
    • Back in Stock Notifier
    • Extended Features
      • Ask a Question
      • Request a Call Back
      • Size Guide
      • Delivery & Return
      • Trust Badge - Guaranteed Safe Checkout
      • Social Share
      • Sale Notification
      • Sticky Add To Cart
      • Buy Now Background Color
    • Tabs Layout
      • Pin Product Describe
        • Banner Products
        • Banner Material
      • Product Specifications
      • Custom Tab
  • ELEMENTOR
    • Elementor Knowledge Base
    • Elementor Elements
      • Product
      • Product Masonry - Metro Shop
      • Product Categories
      • Product Special Deal
      • Groups
      • Product Slider Image
      • Banner
      • Products Banner
      • Pin Material Banner
      • Instagram Feed
      • Sliders
      • Brands
      • FAQs
      • Custom Block
      • Countdown
      • Gird Images Box
    • Advanced Features
      • Exit Intent Popup
  • WPBAKERY PAGE BUILDER
    • WPBakery Knowledge Base
    • WPBakery Elements
      • Products
      • Product Masonry - Metro Shop
      • Product Deal
      • Product Categories
      • Product Groups
      • Product Slider Image
      • Revo Slider
      • Banner
      • Slider
      • Brands
      • Product Banner
      • Material Banner
      • Compare images
      • Instagram Feed
      • FAQs
      • Coutdown Time
      • Service Box
      • Gird Images Box
  • Mobile Layouts
    • About Mobile Layout
      • Mobile Layout - Cache Plugins
      • Mobile Layout Mode
  • COMMON ISSUES AND FAQ'S
    • FAQ / Guide
      • How to import the data demo content additional
      • How to add the coupon to the cart sidebar
      • How to show top icon filter categories on all pages
      • How To Change Style and Colors
      • How to customize font size for Main menu
      • How to configuration the optimization WP Rocket basic
      • How to enable mode cache for Mobile
      • How to insert a new label or sale label to the mega menu
      • How to create Free Shipping for orders greater than a price
      • How to integrate Social Network login
      • How to fix bug text block on the WP Bakery Page Builder
      • How to fix Elementor Can not Add or Edit load
      • How to disable the mobile bottom navbar without affecting the mobile footer
      • How to add top (bottom) content on the catalog page
      • How to setting Home Page
      • How to override Product Categories Filter
      • How to fix Instagram Feed not working
      • How to upload custom fonts
      • How to add more page width
      • How to install the theme with the Duplicator plugin
      • How to enable Home Dark Version
      • How to change the breadcrumb background for all pages
      • How to add the number telephone show on the header
      • How to show more 3 variations on product grid
      • How to set gray background for Filters Sidebar
      • How to import slides
    • How long time get Support
    • How To Submit Ticket
    • License Questions
    • I can not import demo content
  • TRANSLATION
    • Translate Theme
    • Translate Plugin
    • Translation with WPML
    • Troubleshooting
  • DOKAN MULTI VENDOR
    • Installation and Setup
    • Installed Pages
    • Vendor Store
    • Vendor List
      • Vendor List v1
      • Vendor List v2
      • Vendor List v3
      • Vendor List v4
      • Vendor List v5
      • Vendor List v6
  • BLOG
    • General
    • Blog Elements
    • Blog Layouts
    • Blog Sidebar
Powered by GitBook
On this page

Was this helpful?

  1. SINGLE PRODUCT
  2. Product Features

Variation Swatches Styles

PreviousVariation SwatchesNextStyle 1

Last updated 1 year ago

Was this helpful?

How to settings the Color and Label Attribute Style for a single product?

DEMO

Simply, to set up this feature:

Step 1 - Click here

Step 2 - Go to Theme Options → Variation Swatches

LogoVariation Styles – Elessi