Configuring Swatchly for Product List/Shop Page

Customize the display of swatches for the product list and shop page according to your preferences:

  • Show Swatches Label: Choose whether to display swatch labels (Yes/No).
  • Show Clear Link: Opt to show a clear link to reset swatch selections (Yes/No).
  • Swatches Align: Align swatches as per your preference (Center, Left, Right).
  • Swatches Position: Position swatches relative to product information (Before Title, After Title, Before Price, After Price, Before Cart, After Cart, Custom Position, Use Shortcode).
  • Product Thumbnail Selector: Configure the product thumbnail selector for swatches.
  • Enable Swatch Limit: Enable the swatch limit for product list/shop page.
  • Number of Swatches to Show: Set the number of swatches to display.
  • Conditionally Enable/Disable Swatches for Product Listing Pages: Define conditions to enable/disable swatches on the product listing pages.
  • Enable Catalog Mode: Enable catalog mode for the shop page.
  • Select Global Attributes (For Catalog): Choose global attributes for catalog mode.
  • Custom Attributes (For Catalog): Define custom attributes for catalog mode.
  • Ajax Add to Cart Behavior:
    • Enable Ajax Add to Cart: Enable or disable Ajax-powered Add to Cart functionality.
    • Add to Cart Text: Customize the “Add to Cart” text.
Last updated on October 12, 2025

Was this article helpful?

PREVIOUS

How to Customize Swatchly Global Settings

NEXT

How to Customize Swatchly Design Settings

Powered by Support Genix