> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-documentation/theme-settings/product-card/marquee.md).

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

<figure><img src="/files/EMWB9M1WXLIfSCO3ZmRe" alt=""><figcaption></figcaption></figure>

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

<table><thead><tr><th width="359"></th><th width="408">Description</th></tr></thead><tbody><tr><td>Show marquee</td><td>Enable/Disable the marquee functionality on the product card.</td></tr><tr><td>Background</td><td>Set the background color of the marquee.</td></tr><tr><td>Color</td><td>Set the text color of the marquee.</td></tr><tr><td>Type</td><td>Choose option for Marquee data:<br><br><mark style="color:orange;"><strong>Text</strong></mark><br><mark style="color:orange;"><strong>Sale text</strong></mark><br><mark style="color:orange;"><strong>Sale discount</strong></mark><br><mark style="color:orange;"><strong>Metafield</strong></mark><br><br><em><mark style="color:orange;">Note: 'Text' will be applied to all products. 'Sale text' and 'sale discount' will only be applied to products on sale.</mark></em></td></tr><tr><td>Text</td><td>Set text for marquee with Text option</td></tr><tr><td>Font size</td><td>Set the font size of the marquee.</td></tr><tr><td>Font size on mobile</td><td>Set the font size on mobile of the marquee.</td></tr><tr><td>Font weight</td><td>Set the font weight of the marquee.</td></tr><tr><td>Text style</td><td>Set the text style of the marquee.</td></tr><tr><td>Font style</td><td>Set the font style of the marquee.</td></tr></tbody></table>

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

### **How to add new Metafields?**

1. &#x20;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
```

<figure><img src="/files/Cdzt1mrhGHw4QzAqAa8k" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/KniAYbsqCp3KX6yU9FOK" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can use [Bulk Editor](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/bulk-editing) to edit multiple products.
{% endhint %}