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

```
// Some code

{% 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: 03/06/2025