Stickers (icons, labels) are a handy tool for drawing customers' attention to certain products. Stickers are displayed in the mini-card and on the product page and help to emphasize the product, inform about a discount, and point out product features.
Sticker styles
The style determines the overall design and placement of stickers on the product card. There are five styles of stickers in Cartum.
To change the sticker style, go to the Website → Design → Design editor section of the admin panel, expand the Global styles item, go to the Product cards tab, and select the desired Sticker style from the drop-down menu.
System stickers
By default, there are seven system stickers in your site's admin area. They cannot be removed, but can be edited or disabled.
New (auto) — displayed for a set number of days after the product is added to the store. The display period can be customized.
Sale — can be set up in the product properties.
New — can be set up in the product properties.
Bestseller — can be set up in the product properties.
Amount of discount (percentage) — displayed automatically if the product has any discount.
Video — displayed automatically if the product has a video in the gallery.
Promotion counter (days left) — displayed automatically along with the promotion counter. It is hidden after the counter expires.
All system stickers in a mini-card
New (auto) sticker
The New (auto) sticker will be added to all new products on the site by default and will be disabled automatically after a certain period of time in days.
How to activate the New (auto) sticker
In the admin panel, go to Website → Product stickers.
Open the New (auto) sticker and check the Show on storefront box.
Make sure that the Activation way field is set to New product.
If necessary, change the available sticker settings.
Click Save.
Display time for the New (auto) sticker
You can set the sticker display period in the Settings → General settings → Products → New field.
The default value is 30 days from the date of adding the product.
How to add and customize new stickers
In addition to the system stickers, you can add and use your own ones.
How to add a sticker
In the admin panel, go to Website → Product stickers.
Click the Add button.
Fill the necessary fields and save.
Basic sticker settings
Title — the name of the sticker in the admin panel. It is used for enabling the sticker in the product properties and via import.
Show on storefront — enabling/disabling the sticker globally on the entire site.
Text — the text on the sticker. You should enter some text even when you upload an image. You can use system variables:
{DISCOUNT_PERCENT} — the amount of discount in percentage.
{COUNTDOWN_INFO} — how much time is left before the promotion counter expires. The text is in the "... months / days / hours / minutes left" format.
Activation method
This parameter defines the condition under which the sticker is displayed on the product card. Several activation methods are available:
New product — automatically, within a specified period after adding the product.
In product properties — a checkbox in the product properties that is enabled manually or via import.
Discount — automatically if the product has any discount.
Video — automatically if the product has a video.
Promotion counter — automatically along with the promotion counter.
Image
If a sticker image is uploaded in the settings, it will be displayed instead of the text sticker. Supported formats:
PNG — upload images in double size to support Retina screens. For example, to get a 60x40px sticker, upload a 120x80px image.
SVG — vector format.
Please note: in the mobile version, the image is displayed only on the product page; in the catalog, the text version of the sticker is displayed.
Tooltip
If this field is filled in, a tooltip appears on the sticker.
How to enable a sticker for a product
There are two ways to enable stickers that have an In product properties activation method.
Manually in the admin panel
Go to the Products section and open the desired product. Go to the Main info section and check the box next to the sticker.
Using import
In the admin panel, go to Products, click Hide variants, and export products in Excel (extended) format.
In the export table, fill in the Product stickers column using the example:
If you need to enable several stickers for one product, use the ";" (semicolon) separator.
For convenience, you can leave only two columns in the table — SKU and Product stickers.
Import the table to your website.
Attention: the stickers are enabled for all product variants at once, so use just one variant from the group in the import table for the import to work correctly. That is why you need to hide the variants before importing.
→ Procedure for importing from a file