Display & Position

Activate app

To enable our app for your store, simply turn this option on. Remember, you also need to activate the app in the 'App Embeds' section within the Theme Editor (refer to Enable the app).

ETA banner placement

Choose where you would like the Estimated Time of Arrival (ETA) banner to be displayed in your store. Once activated, the banner may automatically appear in selected areas.

• Product page: This is the most effective location for the ETA banner. All appearance display formats and layout graphics are fully supported here, and both general and specific rules function accurately.

• Home, Collection, Page, Cart: These areas are outside the main product page and may have some limitations. The display formats and layout graphics might not work as effectively. Additionally, depending on your theme, ETA information may not show correctly on these pages. In this case, please contact our support team for possible assistance.

Specific rules may not be displayed precisely outside of the Product page due to potential issues in retrieving the correct product_id. If you have specific rules for multiple products, collections, or vendors, it is recommended to place the ETA banner on the Product page only for the highest effectiveness and accuracy.

For Products with variants, the estimated delivery text cannot be displayed on the Home, Collection pages, or any other area lacking an 'Add to Cart' button. This limitation occurs because customers need to select a variant before the estimate can be shown. Therefore, if your store features many products with variants, it is advisable to display the ETA banner on the Product page only to ensure the highest level of effectiveness and accuracy.

Show message text in Email

Since Shopify doesn’t allow third-party apps to modify emails directly, you can manually add the delivery estimates by following these steps.

Note that these instructions usually work for Shopify's default email template. If you use a different template, it might not work as expected. Please contact us for support.

1. Go to Store Settings > Notifications > Choose email template that you want to add message text

2. Inspect the line in a product cell (press F12 or right-click > Inspect) below which you want to display delivery estimates. The best practice is below the discount code. Copy the span class, here is:

class="order-list__item-discount-allocation"

3/ Click Edit code. Ctrl F and paste the class you have copied to search its location. Then paste this code below {% endif %} and above </td>

{% for p in line.properties %}
{% unless p.last == blank %}
{{ p.first }}: {{ p.last }}
{% endunless %}
{% endfor %}

Show app for sold-out items

Normally, the banner remains visible even when the product is sold out. By turning this on, you can choose to hide the banner for any items that are no longer in stock.

Positioning

To adjust where your ETA banner appears on your store, follow these guides based on your Shopify theme version.

Shopify Theme 2.0

There are 2 ways

• Enable 'Omega: Estimated Delivery Date' in App embeds

• Add block: You can use the provided quick deep link to add an app block on the Product page. Or you can manually navigate to your Theme Editor and add the 'Omega: Estimated Delivery Date' block where you want the banner to show.

Shopify Theme 1.0

Copy and paste the code we have provided into the position you prefer for the banner. You can also use this code snippet to embed the app in Page Builder (PageFly, GemPages, etc.)

<div class="ot-estimated-shipping"></div>

If the ETA widget seems to not show on your store or you find it hard to set up, please Contact us for support.

Custom positioning

You can customize the position of the ETA banner on your store by using codes. If you need help with coding, contact our support