Menu Close
    Hire Us Request Quote Reading List Switch to Dark Mode

    CS-Cart Product Badges

    CS-Cart Product Badges: 

    This impressive add-on allows the admin to attach custom badges/labels to the products. Badges can be used to emphasize and promote the product in a very effective manner. CS-Cart Product Badges provides an option to display badges on product list page, product detail page or everywhere. Multiple badges can be attached to one product at the same time. This way an admin can draw customers’ attention to the products and improve conversion rate.

    Features

    • 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.
    • 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.
    • 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).
    • Easy to configure and manage at admin end.

    Video Tutorial

    How  To  Upload and Install

    After downloading the CS-Cart Product Badges, you will get a zip file and install.txt . Read the install.txt carefully and configure it accordingly.

    Go to “Manage add-ons”, click on “+” to upload and install the zip file as shown below.

    Click on “Local” to browse the zip file and then click on “Upload & Install” as shown below in snapshot.

    Configuration

    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.

    Badge Management at Back End

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

    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.
    • Set the position of the badge on product image.
    • Select view pages of front-end where the badges need to be displayed.
    • 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.
    • Click on Create button to create the badge.

    Once the badge is created, settings need to be done for it as per the badge type chosen. Badge preview block is provided where an admin can preview the look of badge on admin panel itself (no need to check the front-end).

    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.
    • 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 Add-on tabs as shown in the below snapshot.

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

    Front End View

    View of badges on product detail page at front end :

     

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

    Support

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

    Current Product Version - 1.2

    Supported Framework Version - 4.7.x, 4.8.x, 4.9.x

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index