Home/blog/CS-Cart Product Labels

CS-Cart Product Labels

This addon allows admins and vendors to manage product labels on the storefront. Admins create image or text labels and set conditions based on details like product price, features, weight, etc. Both admins and vendors can add or remove labels manually for specific products. Labels can also be assigned to various categories or subcategories. This addon makes it easy for customers to see important product features and deals. It helps them find what they need quickly and make better choices while shopping.

Features

Manual Label Management: Both vendors and admins can manually add or exclude labels for individual products.
Default Labels: Enable the default Labels checkbox to show "Free shipping" and "Discount" labels by default.
Category-based Labels: The admin allows the addition of labels in categories or subcategories as main product categories.
Appearance of labels: Enable the checkboxes to show labels on the main image and below the title on the product page.
Grid View Labels: Set the number of labels shown in the product grid and compact list view.
Label Positioning: Select the Position of the labels for the storefront.
Automatic Label Assignment: Automatically assign labels to products using a scheduled CRON URL.
Design New Labels: Easily create new labels with options for image or text labels, including mobile-specific uploads.
Label Conditions: Add conditions to assign labels based on product attributes like price, feature, weight, etc.
Category Label Actions: Category Label Actions allow to apply, exclude, or delete labels for main categories and their subcategories.
Vendor access to labels: Vendors can see the list of labels in their vendor panel as well.
CS-Cart Multi-Vendor Integration: Well integrated with CS-Cart multi-vendor.

Installation:

How to install Addon

https://store.ecarter.co/blogs/how-to-install-addon/

How Addon Work

In the General Tab, the Admin can click on this link to directly access the addon.

Switch to >> Settings Tab

The General Tab’s Main settings explanation

Allow vendors to assign a label manually: Enable this feature to manually add or exclude labels for individual products within the vendor panel.
Use the default “Free shipping”, “Discount” labels: Enable this checkbox to use the mentioned default labels.
Take labels from the main product category: Enable this, which will allow you to take labels from the main product category.
Enable labels on the main image of product page: Check this box to show labels on the main image of the product page.
Enable labels below the product title on product page: Check this box to show the labels below the product title on the product page.
Number of labels show on product grid view: Enter the number of labels the admin wants to show on the product grid view.
Number of labels show on product compact list view: Enter the number of labels admins want to show on the product compact list view.
Number of labels show below product page title view: Enter the number of labels the admin wants to show below the product page title view.

Storefront Grid View with labels

Storefront Compact list view with labels.

Switch to the >> Positioning tab
Position: You can select the position of the labels on the product like Top-left, Top-right.

Switch to >> Product page
Label to display: The admin can select which type of labels they want to display on the product page (Image, Text, or Both).

Switch to the >> Labels Assigning
CRON Password: Enter the Cron password provided with the cron URL.
CRON URL: The admin needs to use the provided Cron URL to automatically assign labels to products according to schedule.

Go to the >> Products menu
Click on >> labels to get the “Manage Labels” page.

In this page, you can see some already created labels.
Click on the >> (+) icon to create a new label.

New Label Creation

Let’s fill in the details in the General tab.

Image Type input

Name: Enter the name of the label.
Description: Admin can add the description.
Type: For this, select the image label type.
Image: Upload the label image using the local button.
Upload a separate image for mobile: Admin can enable this checkbox to get a separate image upload option for mobile.
Image for Mobile Devices: Admin can click on local to upload image for mobile.
Creation Date: Set the creation date of this label.
Status: Select the status as Active.
At the end, click on the Create button.

Text type input

Name: Enter the text name.
Type: Selecting the text label type.
Text: Enter the text of the label you want.
Text for mobile: You can enter the text for mobile as well.

In Label Appearance:

Text Color: Allows you to select text color.
Background color: Allows you to select a background color for the text label.

At the end, you will see the 'Create' button, which you need to click if you are creating a new label.

Now, Switch to >> Conditions Tab
Click on >> “Add Condition”
Tap on the dropdown icon and choose the condition from the list.
Select any comparison operator from the list like equal or greater and fill in the input field with price.
You can also use the next “Add Products” to put labels on specific products.
At the end, click on the Save button.

Now, hit the cron URL provided above to automatically assign labels to products as per the selected conditions.

Below you can see the labels have been auto-assigned to such a number of products.

Storefront view of created labels

Go to >> Products
Click on >> Categories

Tap on any main category

Switch to >> Product Labels

Manually assigned Labels: This allows you to select the manually assigned labels for this main category.

Select the action for labels:

Choosing "Apply only for the current category" will apply the label only to the main selected category.
Selecting "Apply for all subcategories" will apply to all subcategories of the selected main category.
Choosing “Delete from all subcategories” will delete all selected subcategories.

Here, let’s select “Apply for all subcategories” and see its function.

At the end, Click on Save Button

Go to the >> Categories list page. Click on the Subcategory’s product number.

Then, Click on >> Any product.

More settings of product labels within individual categories

Here you can see the assigned label on a particular product of the selected subcategory.

Here’s how the added label looks in the storefront after being added to the main category and applied to all of its subcategories.

Again, Go to >> Products
Click on >> Products

Tap on >> any Product

Now in the Product Labels tab, you will see four main settings. Let’s explain them:

Exclude Labels: The exclude labels help to keep out labels that you don’t want to show in a particular product.
Manually Assigned Labels: This option allows you to manually select the labels that you want to show on individual products.
Auto-Assigned Labels: In this, you can see the names of the Auto-assigned Labels.
From the main product category: This shows the label names that were selected in the main product category.

Here, the storefront shows how manually selected labels, as well as other labels that operate based on initial conditions, appear in the storefront.

Vendor Panel functionality for label

Go to >> Vendor Profile.
Click on>> Login as Vendor and select Vendor.

Below you can see the CS-Cart vendor panel. Now, go to products and you will find the Labels option.
Labels in the vendor panel provide you the same Manage Labels page - like Admin panel.

Open any product of this vendor.

Here you can see vendors also have the ability to manually assign labels and remove labels from those that are automatically assigned, main product categories, or others by using the Exclude Labels option.

Addon-Version:

Version-1.0

Supported Versions:

CS-Cart, CS-Cart Multivendor 4.8.x, 4.9.x,4.10x,4.11x,4.12,4.13x, 4.14x, 4.15x, 4.16x, 4.17x 4.18x

Support:

This app is developed and published by Ecarter Technologies Pvt. Ltd., a CS-Cart developer. You are guaranteed quality add-ons.