Product Listing Designer: Product Box, Badges, Pagination, Sorting & Columns

by ZaibaSoft

Rating: no rating ( write a review )

Downloads: <10

Style your complete product listing from the app configuration. Product box, badges, buttons, rating stars, pagination, sorting and grid columns per device. No template work.

Annually €8.41* /month €119.88 * €100.88* /year 15.85% discount In comparison to the regular monthly price

Monthly €9.99* /month Cancelable monthly

Compatible with:

Cloud 6.5.0.0 - 6.7.12.1

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

Style the complete product listing from the app configuration, without touching a template
Set how many products appear per row for mobile, tablet, tablet landscape and desktop
Restyle pagination and sorting, including whether they show on each device
Two colour gradients behind product images and the product detail gallery
Built for Shopware 6.7 and the default storefront theme

Features

Colour gradient behind product images in the listing, with two colours and three directions
Colour gradient behind the image gallery on the product detail page
Stack the gallery and buy card on the product detail page and choose which sits on top
Product box background, hover background, border colour, thickness and radius
Product box shadow: always visible, on hover only, or switched off

Separate background and font colours for the discount, topseller and new badges
Badge size fixed square or dynamic, with border colour, thickness, radius and shadow
Badge alignment left or right, with move in or fade in effect and adjustable duration
Rating star colours for active and inactive stars
Title colour, alignment, font size and line height per breakpoint
Price colour and alignment, and description alignment
Show or hide the variant characteristics container in the product box
Basket button as text or icon with five icon options, plus full colour and hover control
Detail button background, font and border colours with hover states
Products per row and spacing for full width and sidebar layouts, per breakpoint

Show more Show less

About the Extension

Your product listing is the page that decides whether a visitor keeps browsing or leaves. In the Shopware standard it is also the page you have the least control over without editing templates.

Product Listing Designer gives you that control back. Every setting lives in the app configuration and applies to the storefront straight away. You do not touch a single Twig file.

What you can design

The product box

Background and hover background colour
Border colour, thickness and radius
Shadow: always visible, on hover only, or switched off
Rating star colours for active and inactive stars
Title colour, alignment, font size and line height, set separately for mobile, tablet, tablet landscape and desktop
Price colour and alignment, description alignment
Variant characteristics container shown or hidden

Badges

Individual background and font colours for discount, topseller and new
Fixed square size or dynamic size that follows the text
Border colour, thickness, radius and optional shadow
Aligned left or right, stacked under each other
Always visible, or animated with a move in or fade in effect on hover, with adjustable duration

Buttons

Show the basket button as text or as an icon, with a choice of five icons
Full colour control for background, text, icon and border, including hover states
The same control for the detail button on variant products

Pagination and sorting

Square or rounded design, with or without shadow
Background, item, hover and active colours
Show or hide them per device, so mobile users get a cleaner page

Grid columns

Set how many products appear per row, from one to six
Configured separately for mobile, tablet, tablet landscape and desktop
Configured separately again for full width and sidebar layouts
Adjustable spacing between the boxes

Colour gradients

Place a two colour gradient behind your product images in the listing
Place a gradient behind the image gallery on the product detail page
Three directions: to the right, to the bottom right, or top to bottom

Product detail page

Stack the image gallery and the buy card instead of placing them side by side
Choose which one sits on top

Built for Shopware 6.7

The app is written against the Shopware 6.7 storefront. It follows the current template structure, uses the accessible markup that Shopware 6.7 introduced, and does not override core templates it does not need to. Settings are applied per sales channel.

Please note

The app is built for the Shopware default storefront theme. If you use a heavily customised theme, some styles may need adjusting. Feel free to contact us before you buy if you are unsure.

Your product listing is the page that decides whether a visitor keeps browsing or leaves. In the Shopware standard it is also the page you have the least control over without editing templates.

Product Listing Designer gives you that control back. Every setting lives in the app configuration and applies to the storefront straight away. You do not touch a single Twig file.

What you can design

The product box

Background and hover background colour
Border colour, thickness and radius
Shadow: always visible, on hover only, or switched off
Rating star colours for active and inactive stars
Title colour, alignment, font size and line height, set separately for mobile, tablet, tablet landscape and desktop
Price colour and alignment, description alignment
Variant characteristics container shown or hidden

Badges

Individual background and font colours for discount, topseller and new
Fixed square size or dynamic size that follows the text
Border colour, thickness, radius and optional shadow
Aligned left or right, stacked under each other
Always visible, or animated with a move in or fade in effect on hover, with adjustable duration

Buttons

Show the basket button as text or as an icon, with a choice of five icons
Full colour control for background, text, icon and border, including hover states
The same control for the detail button on variant products

Pagination and sorting

Square or rounded design, with or without shadow
Background, item, hover and active colours
Show or hide them per device, so mobile users get a cleaner page

Grid columns

Set how many products appear per row, from one to six
Configured separately for mobile, tablet, tablet landscape and desktop
Configured separately again for full width and sidebar layouts
Adjustable spacing between the boxes

Colour gradients

Place a two colour gradient behind your product images in the listing
Place a gradient behind the image gallery on the product detail page
Three directions: to the right, to the bottom right, or top to bottom

Product detail page

Stack the image gallery and the buy card instead of placing them side by side
Choose which one sits on top

Built for Shopware 6.7

Please note

The app is built for the Shopware default storefront theme. If you use a heavily customised theme, some styles may need adjusting. Feel free to contact us before you buy if you are unsure.

Details

Available: English, German
Latest update: 15 July 2026
Publication date: 20 December 2023
Version: 1.67.1
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

ZaibaSoft

See all extensions

Partner Status

Shopware
Extension Partner

Details

Ø-Rating: 3.1

Average rating of 3.1 out of 5 stars
Partner since: 2021
Extensions: 10

Support

Based in: Pakistan
Speaks: English
Response time: Quickly

1.67.1 6.7.0.0 - 6.7.12.1 15 July 2026

First release for Shopware 6.7. The version number now follows the scheme 1.{Shopware major}{Shopware minor}.{patch}. The jump from 1.0.2 is intentional.

Support for Shopware 6.7. Product box gradient, gallery gradient, pagination, sorting, basket button and rating stars adapted to the new markup.
The gallery and buy card position is now set through the Shopping Experiences gallery and buy box block.
Fixed the labels "Color 2" and "Tablet landscape" in the configuration.
The gradient and product detail page settings are now available in German.
The button border and layout margin fields no longer accept negative values.
Styles are rendered once per listing instead of once per product.

1.0.2 6.5.0.0 - 6.6.10.20 28 December 2023

Product Detail Page Configuration issue fixed

1.0.1 6.5.0.0 - 6.5.8.19 22 December 2023

Add to cart - Can be configured individually, e.g. sticky on the edge of the screen
Tabs - Choice between Standard or Custom Design
Highly configurable - Almost any element can be customized
Variants - can be provided with a variety of effects
Conversion Rate - Optimized

1.0.0 6.5.0.0 - 6.5.8.19 18 December 2023

Initial version of the App