Variants in Listing

by weedesign

Rating: no rating ( write a review )

Downloads: <10

Customers pick color, size or any other property right on the product card, see price and image update, and add the exact variant to the cart without ever leaving the listing.

Annually €4.90* /month €70.80 * €58.80* /year 16.95% discount In comparison to the regular monthly price

Monthly €5.90* /month Cancelable monthly

Compatible with:

6.6.0.0 - 6.7.14.2

Includes:

Free trial month

The subscription starts with a free trial month during which it can be canceled at any time.

All updates

During the subscription all released updates are included for free

Support from the Extension Partner

In case you have any questions or problems with your extension you can always ask the Extension Partner for help during the subscription.

Description

Highlights

Variant properties on every product card, so nobody has to open the product page to choose
Price, image, delivery time and the product link follow the selected option
Four display styles: buttons, dropdown, list, plus round swatches for color and image groups
Add to cart straight from the listing, with exactly the variant that was selected
Runs in category and search listings, product sliders, product boxes and cross-selling

Features

Master switch plus a separate switch per display area, for a rollout in steps
Settings are stored per sales channel, so every storefront can have its own setup
Decide which property groups appear on the card; the ones you leave out still help identify the exact variant
Combinations that don't exist can be disabled with a strikethrough, hidden, or left visible
Sold out variants lock the buy button on their own, with a note on the card

Optional quantity field that respects minimum, maximum and purchase steps of the selected variant
Delivery time output can be switched off, and stays hidden for variants that have none
Image preview on mouseover lets customers flip through colors without clicking. Four modes to pick from
Image swap includes the full srcset, so thumbnails stay sharp on every screen size
Prices run through the regular calculation, including customer group prices and currency and language formatting
One query per page for all variants, and products without variants are never touched
Uses the standard add to cart route, so the off-canvas cart and your other cart extensions keep working
Keyboard operation for every option type, with screen reader labels on the swatches
Theme colors, radius and font sizes are inherited and can be overridden with CSS variables
Template extensions only, no core overrides, no copied theme files

Show more Show less

About the Extension

The choice belongs where the customer is

A customer scrolling a category page sees one card per product, and usually one variant. Wanting a different color or size means opening the product page, choosing there, and finding the way back to where they were. Most of them don't come back.

This extension moves the choice onto the card. Every product card shows the variant properties of the product: color, size, length, material, whatever your property groups define. The customer clicks an option, the card switches to the price, the image and the delivery time of that exact variant, and the button underneath puts it in the cart.

Four areas, four switches

The selection shows up in category and search listings, in product sliders and product boxes on your content pages, and in the cross-selling slider on the product detail page. Each area has its own switch, with a master switch above them. Start with the category listing, watch what it does to your numbers, add the rest when you are ready.

Looks like your shop, not like a plugin

Options render as buttons, as a dropdown or as a list. Property groups with the display type color or image turn into round swatches automatically, so a color group stays visual even when the sizes beside it are buttons. Colors, corner radius and font sizes are taken from your theme through CSS variables. If you want something else, a few lines of SCSS are enough.

Nothing is guessed

Prices are the real calculated prices for the current customer and currency, not a copy of the parent product. Availability is the real availability: combinations that don't exist can be greyed out or hidden, sold out variants lock the buy button. Delivery time comes from the variant itself and disappears where none is set.

Quiet under the hood

All variants of a listing page are collected in one query, and products without variants are skipped completely, so your listing keeps the speed it had. No core overrides, no copied theme files, only template extensions, which keeps updates boring. Texts are included in German and English and can be edited in the snippet administration. Uninstall removes the settings again unless you choose to keep your data.

The choice belongs where the customer is

A customer scrolling a category page sees one card per product, and usually one variant. Wanting a different color or size means opening the product page, choosing there, and finding the way back to where they were. Most of them don't come back.

This extension moves the choice onto the card. Every product card shows the variant properties of the product: color, size, length, material, whatever your property groups define. The customer clicks an option, the card switches to the price, the image and the delivery time of that exact variant, and the button underneath puts it in the cart.

Four areas, four switches

The selection shows up in category and search listings, in product sliders and product boxes on your content pages, and in the cross-selling slider on the product detail page. Each area has its own switch, with a master switch above them. Start with the category listing, watch what it does to your numbers, add the rest when you are ready.

Looks like your shop, not like a plugin

Options render as buttons, as a dropdown or as a list. Property groups with the display type color or image turn into round swatches automatically, so a color group stays visual even when the sizes beside it are buttons. Colors, corner radius and font sizes are taken from your theme through CSS variables. If you want something else, a few lines of SCSS are enough.

Nothing is guessed

Prices are the real calculated prices for the current customer and currency, not a copy of the parent product. Availability is the real availability: combinations that don't exist can be greyed out or hidden, sold out variants lock the buy button. Delivery time comes from the variant itself and disappears where none is set.

Quiet under the hood

All variants of a listing page are collected in one query, and products without variants are skipped completely, so your listing keeps the speed it had. No core overrides, no copied theme files, only template extensions, which keeps updates boring. Texts are included in German and English and can be edited in the snippet administration. Uninstall removes the settings again unless you choose to keep your data.

Details

Available: English, German
Latest update: 30 September 2026
Publication date: 30 September 2026
Version: 2.0.0
Category: Menu + category

Resources

Reviews (0)

Write a review

If you downloaded this extension you can write a review in the Shopware Account.

Write a review

No reviews found.

About the Extension Partner

weedesign

See all extensions

Partner Status

Shopware
Extension Partner

Details

Ø-Rating: 4.9

Average rating of 4.9 out of 5 stars
Partner since: 2019
Extensions: 66

Support

Based in: Germany
Speaks: German, English
Response time: Very quickly