Piano Shopify | Documentation
Live chat with our Shopify expert.Submit a Ticket
  • Webibazaar Support
  • Piano Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Quick view
  • Sections
    • Collection list
    • Scrolling bar
    • Image with text
    • Featured collection
    • Text with icons
    • Featured product
    • Lookbook
    • Logo list
    • Video
    • Testimonials
    • Blog posts
    • Multistore
    • Social media gallery
    • Newsletter
    • Slideshow
    • Multicolumn
    • Image banner
    • Collapsible content
    • Contact form
    • Rich text
    • Image comparison
    • Spacer
    • Offer banner
    • Countdown date in product card
  • Footer
  • Age verification popup
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Theme rounded
    • Cards
      • Label metafield [Badges]
    • Color swatches
    • Social media
    • Default search
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Product page
    • Short description
    • Product desciption
    • Product detail
    • Countdown timer
    • Quick order list
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Combine listing
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  • Setting up color swatches
  • Working of swatches

Color swatches

PreviousCollection bannerNextPage

Last updated 10 months ago

Setting up color swatches

You can add color swatches to your product page, collection pages, and home page across the theme using these settings that you see in the below screenshot:

Working of swatches

Once you enable the color swatch settings, Piano will look for any variant with the name "Color."

Live Chat Support | Webibazaar Template
Logo