Variant Swatches on Product Listings

Shows colour and variant swatches directly on product tiles to help customers choose from category listings.

Why will your customers love it?

Shows available product options already on category pages, helping customers see colours and variants before opening each product.

What can it do?

The module extends the default Shoper Storefront functionality with the following features:

• Display the first, all or only colour option groups
• Limit the number of swatches in each group
• Optional variant group name
• Automatic colour dots for colour options and text labels for others
• Round, rounded or square swatch shape
• Placement below tile content or on the product image
• Swatch and +N counter link to the product page

Benefits for you (the Merchant)

No coding needed: all options are set via checkboxes and text fields in the settings panel. Compatible with the AVANT Storefront theme and the native Shoper interface.

How does it work? (3 simple steps)

Step 1: Installation. Install the module from the Shoper AppStore and place it in the SVE theme editor on the desired page.

Step 2: Configuration. Set all options in the module settings panel - no coding required.

Step 3: It works automatically. The module is active on all relevant pages of your shop immediately after saving.

Additional information

This module is designed for the Shoper Storefront template.

See the module in action on our demo store: AVANT Storefront Demo

Module coming soon to Shoper AppStore. Contact: kontakt@codeandtrade.pl