How to setup Product Cards Scrolling Tags & Custom Badges

They improve the browsing experience by providing a visually engaging way to navigate through different categories or product highlights

• Product Cards Scrolling Tags

• Custom Badges

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.

1. Setting up Product Cards Scrolling Tags

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"

Product Cards Scrolling Tags

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.

2. Setting up Custom Badges

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

Custom Badges

Step 4: Change colors

• You can change the color of the text and the background by going to "Theme settings".

• Then clicking on "Badges".