What should I do if my theme uses infinite scroll or pagination?

If your theme uses infinite scroll, load more buttons, or pagination, products are loaded dynamically—meaning discount data must also load dynamically.

To ensure discount badges appear correctly on newly loaded products:

1. Identify the product rendering loop in your theme (e.g., product-card.liquid, product-grid-item.liquid, product-recommendations.liquid).

2. Inside the for loop, insert the required

   <script type="text/template" class="byte-product-data"> block for each product.

   
   

📄 Important: The full script snippet is not shown here and may change over time.

Please copy the latest version directly from the Installation Page inside the app interface.

This ensures the app can access real-time product data like price, compare-at price, tags, and more—even when loaded asynchronously.