Lumin Theme Documentation
LuminThemesAll ThemesContact
  • Lumin Theme theme settings
  • Faq
    • How to change any text in Luminthme
    • How to update your Shopify theme without losing customization
    • How to setup Product Cards Scrolling Tags & Custom Badges
    • How to add Custom fonts
  • Header
    • Set up drop-down or mega menu menus in your online store
  • Lumintheme exclusive
    • Custom color and Image swatches
  • Cart Drawer
    • Enable free shipping bar and change target price
  • Product Page
    • Quantity Breaks Discount
    • Auto generate tabs with the product's content
    • Products Siblings
      • How to setup siblings
      • Step 2 - Collection for siblings
      • Add Siblings Picker block
  • Available page types
  • Sections available in Lumin Themes
  • Color schemes
  • Templates
  • Setting Up and Customizing the Announcement Bar
  • Quantity Breaks Discount on Lumin Theme
  • Adding a Size Chart to Lumin Theme
  • Cart Progress Bar on Lumin Themes
  • Sticky Add To Cart
  • Fancy Text Settings
  • Cart Drawer Settings
  • Lumin Slider
Powered by GitBook
On this page
  • 1. Setting up Product Cards Scrolling Tags
  • 2. Setting up Custom Badges
  1. Faq

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

PreviousHow to update your Shopify theme without losing customizationNextHow to add Custom fonts

Last updated 4 months ago

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"

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.

Step 4: Change colors

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

  • Then clicking on "Badges".

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

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.

Product Cards Scrolling Tags:
Custom Badges:
Product Cards Scrolling Tags
Custom Badges
Product Cards Scrolling Tags
Custom Badges