🌟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

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

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

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

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

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

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