This is a new feature added into our new VPCart 9.0.
Product Labels grabs your customers attention immediately when they land
on your VPCart store. You can let your customers know that you are running a
sale or discount by using a SALE / 10% OFF / 50% OFF etc.. label on the product
images.
You don’t need to hire a graphic designer to make changes to
each product images just to add the sale or discount sign or text. This Product
Labels will take care for you.
The Product Labels will display the
labelled products on the following pages :
- Homepage Latest
Products section and Products Highlights section.
- All pages left/right column section
for Featured Products and Top Sellers
- Product listing page
(shopdisplayproducts.asp)
The following
configuration options allow you to setup Product Labels:
|
xproductlabel |
Setting this to Yes to
enable the Product Labels. |
|
xproductlabelimagescaptions |
You can enter the labels name
in separated commas eg. 10% off,20% off,50% Off,Sale.
This is what
will display on the dropdowns in the edit product administration page
under the “Pricing and Stock Control” section.
 |
|
xproductlabelimages |
Enter the labels image paths
separated by a comma eg
images/yourlabel1.png,
images/yourlabel2.png etc.
By default we have default .png
images populated with
:
images/10off.png,images/20off.png,images/50off.png,images/sale.png
If
you have previously set xproductlabelimagescaptions with x
captions, then you should also set the xproductlabelimages with x
images paths. |
|
xproductlabelimagesstock |
This will be the out of stock
overlay image path
eg images/soldout.png.
If you have the check
stock config xcheckstocklevel enabled, when a product stock is
reaching low level or empty stock level, this sold out image overlay will
be displayed when you have Product Labels featured enabled for the
product. |
After you
have setup the above configurations to work for Product Labels, the next step
will be to edit your products or categories to assign to the product label you
want.
How To
Assign Products For Product Labels
To assign a product for a product
label, please follow the steps below :
-
Go to Store > Products
-
Click Add or Edit existing products records
-
Locate the “Pricing and Stock Control” and click arrow down to
expand it.
-
You should see “Product Label” dropdowns and you can pick up one for the
product.
When a product
has been selected for a label by merchant in the product administration, the
label image path eg images/sale.png is stored into Products table into
the field “product_label”.
In the front store, if Product Labels feature
is activated, the product label image value will be retrieved from the
“product_label” field.
If you have selected product(s) with a label, and
later you need to change the label image for those products, there are two
alternatives you can achieve :
Option 1:
By editing the
existing label image eg images/sale.png with your new look (with keeping
the same image filename). You can download the image first and edit with Adobe
Photoshop or other image editor, then upload back to your site to replace the
old done.
Option 2:
You can also set the config
xproductlabelimages for existing image path eg images/sale.png to
your new image path eg images/saleNEW.png.
Once the previous image
path has been updated in the config above, then please go to the products
administration to edit your previous products that have the label assigned, and
you will find the previous selected label is reset.
Simply reselect the label again eg
Sale. When you click the “Update record” button, the product will then have the
new label image value eg images/saleNEW.png saved into db field
“Product_label”.
How To Assign Categories For Product
Labels
You can assign a category with a product label so that all the
products under the category will have the Product Label.
To assign a
category for a product label, please follow the steps below :
-
Go to Store > Categories
-
Click Add or Edit existing categories records
-
You should see “Product Label” dropdowns and you can pick up one for the
category.
When a category has been selected for a label by merchant in
the category administration, the label image path eg images/sale.png is
stored into Categories table into the field “product_label”.
In the front
store, if Product Labels feature is activated, the product label image value
will be retrieved from the “product_label” field of the categories
table.
Example below showing a Product Label “10% OFF” that has been
assigned to category Kitchen.
All the products belong to the category
Kitchen will show the label image 10% OFF.
NOTE : If you have set a
product with a Product Label, but that product’s category also assigned with a
different Product Label, then VPCart will priority to display the Product Label
image that set on Product record rather than from Product Label on Category
record.
Example below has the following setup :
1. Product
Cookware Set, has been set to a Product Label “Sale”.
2.
Product Cookware Set is belong to Category Kitchen.
3. Category
Kitchen, has been set to a Product Label “10% OFF”.
VPCart
will retrieve the Product Label for Cookware Set from the products table
rather than from category table.
You can see the product Cookware Set
showing as Sale rather than to follow entire Kitchen category that
have “10% OFF”:
