Skip to main content

Theme app block setup

2 min read · Facts checked October 12, 2026

The storefront delivery picker runs through an app embed and a theme app block, so it lives inside your theme and survives theme updates — no code, no theme.liquid edits.

  • The OrderRules Delivery app embed loads the picker on every page and holds its text and color settings.
  • The Delivery date picker block marks where the picker appears on a page.

You need both. The setup guide on the Delivery Dates page links straight to each step.

Add the embed and the block

  1. Go to Online Store → Themes → Customize.
  2. Open App embeds and turn on OrderRules Delivery.
  3. Open a product template, choose Add block in the main product section, and pick Delivery date picker under Apps.
  4. Repeat on the Cart template.
  5. Save.

If the block doesn't appear

  • Make sure OrderRules is installed, and that delivery dates are turned on in the app (Delivery Dates → Offer delivery date selection on your storefront).
  • Add the block inside a section that accepts app blocks. On most themes the main product section does.
  • Re-open the theme editor (close and reopen Customize) so it picks up the app's blocks.
  • If the block is placed but no picker shows, check that the OrderRules Delivery app embed is on.

Where the block goes

TemplateAdd the block?Note
ProductYesMain product section, under Apps
Cart pageYesThe picker only shows where you add the block
Cart drawerNoTurn on Show the picker in the cart drawer / mini-cart in the app embed