Swatches on Product list

These Settings allow you to customize displaying variation swatches of variable products on the product list.

  1. Enable: Enable this option to display swatches on the product list.
  2. Ajax variation threshold: Set the threshold of Ajax variations on the product list.
  3. Disable “Out of stock” variation items: If you enable this option, Out-of-stock variations are unclickable.
  4. Enable add to cart: Enable this option to allow customers to select variations and add them to cart right on the product list. All variations will be visible on the product list and can’t be hidden if this option is enabled.
  5. Text of the “add to cart” button: This option only appears when the “Enable add to cart” is activated, it allows you to edit the text for the “Add to cart” button. This text can be translated if you use WPML or Polylang.
  6. Enable product quantity: Enable this option to display the quantity field, which allows customers to add more products to the cart even on the product list page.
  7.  Show attribute name: Enable to show attribute title on the product list.
  8.  Clear on reselect: On the Product list, clicking on a selected attribute will deselect it.
  9.  Enable tooltip: Turn on to show the tooltip of the variation swatches on the product list. The tooltip will be hidden if you enable the (17)”Swatches slider” option below.
  10.  Assign page: Assign on which pages the variation swatches will be shown up.
    Important note: 
    To handle WP’s Conditional Tags, this plugin uses eval() which is very dangerous because it allows execution of arbitrary PHP code. Therefore, please only fill this field with proper conditional tags which are validated and/or provided by trusted developers.
  11.  Swatches align: Align the swatches.
  12.  Position: The position of variation swatches on the shop page, category page, and other product list pages.
  13. Custom position: Add the hook for the custom position you want. You should ask the theme/plugin developers for a needed hook to the position you need then add the Hook name to the custom position field of the plugin.
  14.  Maximum attribute items: The maximum number of items of an attribute can be displayed. Set to 0 to not limit this.
  15.  Show more link: This option is used when the total items of an attribute are greater than the Maximum attribute items above.
  16. Expand attributes: Select the option to display all attributes directly without redirecting to the individual product page.
  17. Text of more link: The text will be shown instead of the hidden attribute items.
  18. Swatches slider: Enable this option to display all items of the attribute in a slider. The tooltip will be hidden.
    When this option is enabled, these 2 options below will appear:
  19. Swatches slider for attribute type: Choose the type of attribute to convert to the slider. Leave blank to apply it to Image, Variation image, Color type.
  20. Maximum attribute items: Set the maximum number of items of an attribute to convert to the slider.