> 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fdl2ezBI7AqUahdrrpIyP%2Fproduct-marquee.png?alt=media&amp;token=5881a2cb-28bb-4459-acea-d1a1c1e55e2b" 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fi6IycmOxS53HWvcfKfG8%2Fproduct-marquee-metafield.jpg?alt=media&amp;token=69581d9e-033a-4345-8b5e-b31261b4ca14" 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fdex9pP2qcSdQOTNHLOow%2Fproduct-marquee-metafield-product.png?alt=media&amp;token=7ce85503-a636-4cd7-9491-58af1b0ffe48" 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 %}