How to setup Product Cards Scrolling Tags & Custom Badges
Last updated
Last updated
Product Cards Scrolling Tags: These are dynamic, horizontal tags that scroll across your product card typically used to highlight important information such as seasonal promotions, bestsellers, new arrivals, or specific product features. They improve the browsing experience by providing a visually engaging way to navigate through different categories or product highlights
Custom Badges: These are customizable labels or icons that can be added to product images or listings to draw attention to specific attributes, such as “New Arrival,” “Best Seller,” or “Limited Edition.” They help communicate important information at a glance and enhance the visual appeal of your products.
Step 1: Log in to your Shopify Admin
Go to your Shopify Admin dashboard.
Go to your online store.
Step 2: Customize
Click the "Customize" button next to the theme.
Step 3: Theme Settings
Go to "Theme Settings"
Scroll down and click on "Product cards"
Step 4: Add tags to a product
From your Shopify admin, go to "Products"
Click the name of a product to edit.
In the "Product organization" section, select or enter tags for your product. Use a comma to separate different tags. Tags can have up to 255 characters.
When you are finished, click Save.
Once saved, reload your store page. Note: if you can't see the scrolling tag you just added, try to reload the page again.
Once done, do the same thing with the other products.
You can change the tags speed, the color of the text, the background, the size, the style, the border and the shadow.
Step 1: Log in to your Shopify Admin
Go to your Shopify Admin dashboard.
Go to your online store.
Step 2: Customize
Click the "Customize" button next to the theme.
Step 3: Add badges to a product
From your Shopify admin, go to "Products"
Click the name of a product to edit.
In the "Product organization" section, go to "Tags".
Write "Badge1:". For example you can write "Badge1:Best Seller".
When you are finished, click Save.
Once saved, reload your store page. Note: if you can't see the custom badge you just added, try to reload the page again.
Step 4: Change colors
You can change the color of the text and the background by going to "Theme settings".
Then clicking on "Badges".
