CS-Cart Product Badges

• Functionality to create custom text and image badges at admin end.
• Ability to attach badges to a single product or all products of a category.
• In addition Functionality to specify the badge position on product image.
• Functionality to set the time frame during which a badge will be displayed.
• Options to adjust badges on product image as per the need.
• Functionality to attach badges to the products at vendor end.
• Also Option to disable default discount label.
• Functionality to attach as many badges as required.
• Badge preview block is provided to feel the look of badge at admin end itself. (no need to check the front-end).
• Moreover Easy to configure and manage at admin end.

Click on “Local” to browse the zip file and then click on “Upload & Install” .

Finally after successful installation of add-on , click on “Settings” as shown below in the snapshot.

Set the parameter as per the below snapshot.

• To hide the default discount label from the products, check the box provided as shown below.
• Click on Save button to save the settings.

Firstly Go to Products -> Product Badge as shown in the below snapshot.

Moreover added badges can be viewed, edited and deleted here. Click on “+” button to add a new badge as shown in the snapshot below.

Set the parameters as shown below in the snapshot.

• Enter the desired name of the badge.
• Set the priority and status of the badge. Higher priority badge will get preference.
• And Set the position of the badge on product image.
• Select view pages of front-end where the badges need to be displayed.
• Also Click to hide all other badges from the product and show only this badge. Higher priority badge will get preference.
• Click to schedule the badge availability and set the badge availability dates.
• Select the image or text type badge as per your requirement.
• Finally Click on Create button to create the badge.

For Image badges : Select the badge type as Image and set the following parameters.

• Browse and upload the badge image.
• Adjust the size of image.
• Adjust the opacity of image. Higher the number, higher will be the opacity.
• Set vertical margin between badge and product image boundary.
• Set horizontal margin between badge and product image boundary.
• Finally Click on Save button to save the settings.

In order to attach the image badge to a complete category, Click on Categories tab as shown above in the snapshot.

• Click on +Add categories button.
• Select the categories to which the badge need to be attached.
• Click on Save button to save the settings.

For Text badges : Select the badge type as Text and set the parameters as per the below snapshot.

In order to attach the text badge to a complete category, Click on Categories tab and make settings in a same way as done for image badge.

How to attach badges to a product?

To attach badge to a product go to Products -> Products and open the detail page of desired product. Click on Product Badge tab as shown in the below snapshot.

Select the desired badges from the available list of badges and save.

View of badges on product detail page at front end :

View of badges on home page grid view at front end :

This is all about CS-Cart Product Badges. For any query feel free to contact us at http://webkul.uvdesk.com

Besides this you can explore our cs-cart Development Services and Quality cs-cart add-ons.