Kadence Iconic WooCommerce Attribute Swatches
Replacing old text dropdown menus with clean visual colors, image previews, and text boxes makes it much easier for your customers to see and choose different product variations. Setting up custom attribute swatches allows you to display accurate color circles, clear fabric patterns, or distinct size tiles directly on your product pages and catalog listings. When you offer an intuitive, visual way to browse options, you remove confusion during the selection process and help your buyers checkout faster.
This collection provides step-by-step guides to help you install, configure, and manage the Iconic WooCommerce Attribute Swatches plugin. You will learn how to create global or product-specific swatches, enable interactive hover tooltips, and display selectable variation swatches directly on your main shop archive pages. Use these resources to build a beautiful, user-friendly storefront that showcases your product options perfectly.
Kadence Iconic WooCommerce Attribute Swatches articles
Learn how to install, configure, and display custom color and image swatches on your WooCommerce site with the following guides.
How to Show Swatches in a Single Line or Slider
Read more: How to Show Swatches in a Single Line or SliderIf you have a lot of swatches for each attribute, your product page could look a little cluttered. The good news is, as well as our accordion feature, you can change the display of your swatches to take up less room. In this guide, we’ll walk you through how to use the overflow feature in…
Overview of WooCommerce Attribute Swatches
Read more: Overview of WooCommerce Attribute SwatchesLearn the basics of WooCommerce Attribute Swatches in this guide. New to Attribute Swatches? Start here! What is WooCommerce Attribute Swatches? WooCommerce Attribute Swatches allows you to replace standard variation dropdowns in your WooCommerce store with color, image, and text swatches. These swatches can appear on the single product page, shop/category pages, and/or product filters. …
Swatch Types
Read more: Swatch TypesSwatches are assigned per attribute. Currently, you can choose from any of the following swatch types: Image SwatchUpload an image to your media library to use it as a swatch. It will use the ‘thumbnail’ size from your media settings. Colour SwatchSelect a colour to use as a swatch. Text SwatchUse the attribute label as…