Xboost

How to show the delivery estimate in a custom position

Overview

Use Manual Position to place the estimate yourself with the Estimated Delivery Block app block or a code snippet.

Steps

  1. Open Estimated Delivery, click the estimate name, then click Placement.
  2. Under Page to display, select Manual Position and copy the ID with the copy icon. If the field shows "Save or Publish to show ID", click Save first.
  3. Click Add liquid block to your theme, or go to Online Store > Themes > Customize.
  4. Open the page you want, click Add block (or Add section), open the Apps tab and select Estimated Delivery Block.
  5. Paste the ID into Estimated Delivery ID, move the block, and click Save in the theme editor.

The block shows the estimate only when it uses Manual Position and is Active.

Use the code snippet instead

Paste the snippet from the Placement step in any theme file. It looks like this, with your ID in data-id:

<div class="xbEdd-block" data-id="YOUR-ESTIMATED-DELIVERY-ID"></div>