This article is also available in:

🌟 Enable Embed App

To ensure the app functions properly and is compatible with your store, you need to enable the embed app and add the app block to the product page where you want the discount to be displayed

Enable embed app

Go to Dashboard app -> click the Enable button to be redirected to your theme customization.

Turn on Omega Quantity app -> click Save button to finish this setting

Add App Block on Product Page

Select product page template

Click Add block in template -> choose Omega Quantity Block app

Move the app to the desired position -> click Save to finalize these settings.

Add App Block on Cart page

Select cart page template

Click Add block in template -> choose Omega Quantity - Cartpage app

Move the app to the desired position -> click Save to finalize these settings.

Add App Block on Home page

Select product page template and choose featured product session

Click Add block in template -> choose Omega Quantity - Homepage app

Move the app to the desired position -> click Save to finalize these settings.

Add code in Collection page

Go to theme -> Edit code

Add code to the collection.liquid or card-product.liquid file, at position you want.

{% assign result_collection = "" %}


    {% for collection in card_product.collections %}


        {% if forloop.first == false %}


        {% assign result_collection = result_collection | append: "," %}


        {% endif %}


        {% assign result_collection = result_collection | append: collection.id %}


    {% endfor %}


<div class="omg-discount-notification" data-product-id="{{ card_product.id }}" data-collections="{{ result_collection }}" ></div>


<script>


    if (typeof window.omgProductList === "undefined") {


    window.omgProductList = [];


    }





(function(){


    const product = {


        id: {{ card_product.id | json }},


        title: {{ card_product.title | json }},


        handle: {{ card_product.handle | json }},


        variants: [


        {% for variant in card_product.variants %}


            {


            id: {{ variant.id | json }},


            title: {{ variant.title | json }},


            price: {{ variant.price | json }},


            available: {{ variant.available | json }}


            }


            {% unless forloop.last %},{% endunless %}


        {% endfor %}


        ]


    };





    const productExists = window.omgProductList.some(p => p.id === product.id);





    if (!productExists) {


    window.omgProductList.push(product);


    }


})();


</script>

Add App Block to Checkout page

Navigate to the Upsell Cross-sell menu -> Click Go to theme button in the setup instructions section

After click the button, the system will redirect to the Theme Editor
In the Theme Editor, select the position where you want to display the block and add the Pareto - Cross sell block to your theme
Click the Save button to finalize the settings
Your Upsell Campaigns will now appear directly on the Checkout page. To display Upsell Campaigns on the Order Status Page and Thank You Page, follow the same steps

Updated on: 24/06/2025

Was this article helpful?

Thank you!