Skip to main content
Product labels and badges module illustration

Product Labels & Badges for PrestaShop 9 — CSS Shapes, Rule-Based, No Images Needed

Written by Christos Daggas on . Posted in Modules.

Draw shoppers' attention to the right products

Product labels — "SALE", "NEW", "BEST SELLER", "LOW STOCK" — are among the most effective conversion tools in any online store. They guide the visitor's eye, create a sense of urgency, and highlight the products you most want to sell.

The Product Labels & Badges module for PrestaShop 9 gives you a complete rule-based label system built entirely with CSS shapes — no images required, zero server overhead, and fully customisable appearance that adapts perfectly to every screen size.

Key Features

Pure CSS — zero dependency on images

Forget uploading .png or .svg files for every label. This module generates labels entirely with pure CSS shapes — ribbons, badges, circles, triangles, and other geometric forms. The result: faster page load times, easy maintenance, and pixel-perfect rendering on any resolution.

Rule Engine — automatic, conditional labelling

The most powerful aspect of this module is its built-in Rule Engine. Instead of manually assigning labels to each product, you define conditions and the module applies them automatically:

  • If a product is on sale → show a "SALE" label with the discount percentage
  • If a product was added within the last X days → show a "NEW" badge
  • If stock falls below a threshold → show "LAST ITEMS"
  • If a product belongs to a specific category or brand → show a custom label

Rules run automatically — no need to open each product individually.

Displayed on listings & product pages

Labels appear both on category listings and search results and on individual product pages. This means shoppers see the label at every point in their journey — from the first browse through the store to the moment they decide to buy.

Full visual customisation

  • Background and text colour per label
  • Shape choice: ribbon, badge, circle, triangle, and more
  • Placement position: top-left, top-right, bottom-left, etc.
  • Static or dynamic label text (e.g. "-20%", "Save €15")

Centralised back-office management

Create, edit, and manage all labels from a single control panel with filtering, sorting, and search. A built-in backup service lets you safely transfer your label settings between installations.

Why labels increase conversions

E-commerce research consistently shows that products with visible labels like "SALE" or "NEW" achieve significantly higher click-through rates than unlabelled products. The reason is simple: a label gives the visitor an immediate reason to engage with the product — whether through perceived value, urgency, or exclusivity.

Real-world use cases

  • Black Friday & promotions: Automatically show the discount percentage badge on every sale product.
  • New arrivals: "NEW" badge applied automatically to products added in the last 30 days.
  • Urgency selling: "LAST ITEMS" label on products with stock below 5 units.
  • Brand promotion: Custom label on all products from a specific manufacturer.

Technical advantages

  • Zero speed impact: Pure CSS means no extra HTTP requests for image files.
  • Responsive by design: Labels adapt to every screen size automatically.
  • Effortless automation: Rules apply dynamically — no manual product-by-product assignment.
  • PrestaShop 9 native: Built for the Symfony-based architecture of PrestaShop 9.

Perfect for

Every PrestaShop store that wants to highlight specific products, increase catalog click-through rates, and create a sense of urgency or value — without needing a designer or CSS expertise.

Get in touch

If you want to showcase your products with professional labels and boost your store's conversion rate, contact us. We will help you configure the rules and appearance that perfectly match your brand identity.