Marquee

If the Type "Text" option is selected, the Product Marquee runs if the field is not empty. Whereas "Sale Text" or "Sale Discount" is selected, the function only runs if the product is on sale.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme settings -> Product card -> Marquee.

Description

Show marquee

Enable/Disable the marquee functionality on the product card.

Background

Set the background color of the marquee.

Color

Set the text color of the marquee.

Type

Choose option for Marquee data: Text Sale text Sale discount Metafield Note: 'Text' will be applied to all products. 'Sale text' and 'sale discount' will only be applied to products on sale.

Text

Set text for marquee with Text option

Font size

Set the font size of the marquee.

Font size on mobile

Set the font size on mobile of the marquee.

Font weight

Set the font weight of the marquee.

Text style

Set the text style of the marquee.

Font style

Set the font style of the marquee.

You can use Metafields to show scrolling text by each product.

How to add new Metafields?

  1. From your Shopify admin, go to Settings -> Custom Data.

  2. Click Products → Add Definition.

  3. Please enter correct Namespace and Key as we noted below.

Name: Product Card Marquee or any name.
Namespace and key: c_f.product_card_marquee
Select content type: Single line text

How to insert content for Product Metafields?

  1. From your Shopify admin, go to Products -> All products.

  2. Find and choose the product that you want to edit.

  3. In the Metafields, please enter the text that for "Product Card Marquee" field.

You can use Bulk Editor to edit multiple products.

Last updated