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.
Enable Swatches In WooCommerce Filter Widgets
Read more: Enable Swatches In WooCommerce Filter WidgetsIf you’re looking to add attribute swatches to your shop filters in WooCommerce, then you can do so with WooCommerce Attribute Swatches. By doing this, you’ll replace the standard WooCommerce filter options with the visual swatches you’ve created with WooCommerce Attribute Swatches. Note: This doesn’t just apply to color and image swatches. With WooCommerce Attribute…
How to Add Fees to Attributes (Globally/Store-Wide)
Read more: How to Add Fees to Attributes (Globally/Store-Wide)If you’re looking to add fees to attributes in your WooCommerce store, but don’t want to do it on a per-product basis, you can do so with Attribute Swatches. For example, if you sell art prints and want to include additional fees for specific frame materials, you can set these globally or store-wide to save…
How to Add Fees to Attributes (Per Product)
Read more: How to Add Fees to Attributes (Per Product)If you’re looking to add fees to attributes in your WooCommerce store, but want to do it on a per-product basis, you can do so with Attribute Swatches. For example, if your customer chooses a material of ‘Gold’ for your product, you can add $10 to the base price of the variation. To add fees…
How to Add Global Attribute Swatches
Read more: How to Add Global Attribute SwatchesIf you want to add swatches to your attributes store-wide or globally, then you can do so with WooCommerce Attribute Swatches. This is particularly useful if you have a lot of products using the same attributes. Adding global swatches can save you a lot of time! So, to add global attribute swatches, take the following…
How to Add Product Specific Swatches
Read more: How to Add Product Specific SwatchesIf you want to use swatches for a specific product only or override the styling for your global swatches, then you can do so with WooCommerce Attribute Swatches. To add product-specific swatches, take the following steps: Note: This guide presumes you already have a variable product set up and saved with attributes already assigned. Was…
How to Display Swatches in an Accordion Style
Read more: How to Display Swatches in an Accordion StyleIf you have a lot of product attributes, using swatches might take up a lot of room on the product page. With WooCommerce Attribute Swatches you can display your attributes in an accordion to neaten things up. To enable the accordion style on your product pages, take the following steps: From your WordPress dashboard, go…
How to Group WooCommerce Product Attributes
Read more: How to Group WooCommerce Product AttributesIf you’re looking to organize your attribute swatches better by grouping them, you can do so with WooCommerce Attribute Swatches. As an example, let’s say you have a Color attribute. The color choices vary in style from gloss to matte and patterned. By default they would all show one after the other: But using the Groups setting,…
How to Prevent the Display of Attribute Fees
Read more: How to Prevent the Display of Attribute FeesWooCommerce Attribute Swatches gives you the ability to add fees to each attribute. These fees are then displayed in the variations section of your product pages. Including the swatch tooltips if these have been enabled. However, you may not want the attribute fees to be visible on your product pages at all for a variety…