Badge Pro - Product Badges & Highlights

Features

With this plugin it is possible to easily customize and place the highlights of a product. For this purpose, there is a separate administration overview in the Shopware administration area. It is possible to automatically assign highlights to multiple products based on rules (dynamic product groups). In addition, it is possible to control the display by using rules via Rule Builder. If several highlights are displayed for one product, the order can be controlled by prioritization. The administration overview shows whether a highlight is displayed actively or time-controlled. The display offers different placement options (left/right, top/bottom) on the product overview page and on the product detail page. The highlights (badges) can be displayed differently using HEX color codes. The displayed highlight texts can be formatted using HTML editor and also include graphics.

Using the plugin

Please first create a rule in RuleBuilder

In the Settings -> Shop-> RuleBuilder -> Create rule

Here. sets a rule that you will later assign to the product badges when they should be displayed.

Next, create a dynamic product group

In the catagloge -> Dynamic product group-> Create product group

Here. a dynamic product group will be created, which you will assign later in the product badges

After creating a product badge

In the section Settings -> Plugins -> Product Badges-> Add

Configuration / Setting Options

Basic Settings

Internal Name: For a unique recognition, is only used internally and is also only visible there

Active: Active or not active

Active from: Here a start date, from when the product badges should appear, can be specified

Active until: An end date until when the product badges should appear can be specified here

Priority: Your own defined priority can be assigned - if there are multiple product badges, they will be ranked according to prioritization

Design

Front: here you can choose between text, graphic (left) and text or graphic

badge text:an individual text which appears in the badge can be defined here

badge text color: for this text, a color can be defined using HEX code, RGB or via alpha

SVG Icon: if a graphic was selected for the foreground during design, the medium can be uploaded here

Background: for the background of the badge can be chosen between a color and shape selection or a graphic upload

SVG Background From: if a graphic is to be used as background, it can be uploaded here

Background Color: an individual color, which should appear as background at the product highlight, can be defined here

Background Shape: here you can choose between a round and rectangular shape, which the product highlight should have

Placement

Product Box in Item Listing: Here you can select if the product highlight should be displayed on the right/left top or right/left bottom, on the overview page

Product detail page: Here you can select if the product highlight should be displayed on the right/left top or right/left bottom, be displayed on the product detail page. should

Display condition

Rules: refer to a rule created by the Rule Builder, under which conditions the badges should be displayed. The product badge will be displayed in the store if one of the assigned rules is active.

Dynamic product group: Here you can select a dynamic product group where the badges should be displayed. The product highlight will be displayed in the storefront if one of the assigned dynamic product groups is active.

Why do I need product badges ?

This kind of product highlight can be used for many purposes. It can be used to mark manufacturers, special features or sales products easily. Through the individual design of text, graphics or the combination of text and graphics, a variety of possibilities are open. Especially the prioritization and individual placement promotes the interaction of multiple badges. Through the rule-based application with dynamic product groups, these highlights can also be assigned very specifically. In addition, further display rules can be defined by using rules via Rule Builder.

Position changes of the Badges via CSS possible

• .acris-product-badges-right-bottom {bottom: -30px;}
• .acris-product-badges-left-bottom {bottom: -30px;}