shopware-6.6-product-badge-plugin

Boost user engagement and drive sales by showcasing attractive product badges (labels or images) on your product listings and detail pages.

Key Features

✅ Customizable Badges – Add labels or images to highlight special offers (e.g., "Sale," "New," "Bestseller").

✅ Flexible Placement – Display badges on product cards, listings, and detail pages.

✅ Boost Conversions – Draw attention to promotions, discounts, and featured products.

✅ Mobile-Friendly – Responsive design ensures badges look great on all devices.

✅ Easy Configuration – Simple setup via Shopware Admin with no coding required.

Compatibility

✔ Shopware 6.5, 6.6 & 6.7 – Fully tested and optimized for the latest versions.

Guide for Product Badges Plugin for Shopware 6.5, 6.6 & 6.7

Installation

• Go to project root/custom/static-plugins and upload the Product Badges plugin file

• Go to your project root and edit the composer.json file

• In the require object of your composer.json file, write the following line

  "swag/product-badges": "1.0.0"

• Run the following command in the terminal

    composer require swag/product-badges

• Done

Plugin Configurations

• In the admin panel, go to Extension > My Extensions

• Install and then activate the plugin

  

• After activating the plugin, click on Configure to manage the Badge Label and Image size

• 

• You can configure the following Global settings for your badge label and the images.

  • Badge Label Text Color

  • Badge Label Background Color

  • Badge Label Font Size

  • Badge Image width and height

  

Manage, Create, Update the product's badges under Settings

• In the admin panel, go to Settings > Extension and click on the Product Badges module

  

• Create, update, remove, and search the product badges.

Adding a new Badge

• In the above image, you can click on the Add Badge button to add a new badge.

• You will see the following fields in the add badge form

  • Name: Name of the badge to identify it in the admin panel

  • Badge Label: This will appear in the front store on the assigned image of the product if this badge has no badge image uploaded.

  • Active: You can enable or disable the badge

  • Position for Product List: In front store product list page or category pages, this will define the position of the badge label or the badge image. Basically, there are four positions available

    • Top-left, Top-right, Bottom-left, and Bottom-right

  • Position for the Product details page in the front store for the badge image or the badge label

  • Upload the badge image: This badge image will appear in the front store if it is assigned to any of the product's images.

• At last, you will see a message that to assign product images, we will need to save the badge first.

• After saving the badge, we will see the option to assign the Products or Product's images to the newly created badge.

• After clicking on Assign Products, we will see a pop-up message with the product selection

  • Here you can select multiple products.

    

  • Click Next to assign the images of the selected products.

    

  • You can select the individual image or multiple images at once.

  • Click assign.

• Now you can see the assigned images of the selected products in the Badge details(Above Image).

• You can also manage the Product Badges under the Product Details > Product Badges Tab

• Go to Catalogues > Product and view any product of your choice

  

• Click on Add Badge. You will see the list of the current product's images and the existing badges

• Assigned badges list view

Front Store View, Product List, and the Product Details View

The plugin is responsible for the Multiple Devices