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 September 11, 2025

Was this article helpful?