Menu Close
    Convert your store into Multi Vendor Marketplace

    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.
    Upload and install view
    Click on “Local” to browse the zip file and then click on “Upload & Install” as shown below in snapshot.
    Upload CS-Cart Product Badges

    Configuration

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

    settings
    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.

    configure

    Badge Management at Back End

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

    Product Badges

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

    Add BadgeSet 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.

    Create Badge

    Once the badge is created, settings need to be done for it as per the badge type is chosen. Badge preview block is provided where an admin can preview the look of the badge on the 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.

    Badge 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.

    category

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

    Text Badge

    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.
    Add Product Badge
    Select the desired badges from the available list of badges and save.
    Select Badge

    Front End View

    View of badges on product detail page at front end :

    Product detail page

     

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

    Home Page

    Support

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

    Current Product Version - 1.3

    Supported Framework Version - 4.9.x, 4.10.x, 4.11.x

    Blog Version - 4.9.x, 4.10.x, 4.11.x
    • Version 4.9.x, 4.10.x, 4.11.x
    • Version 4.7.x, 4.8.x, 4.9.x
    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Table of Content

    Hide Index