---
title: "Theme app block setup"
description: "The storefront picker is a mainSection-targeted theme app block. Add it via Online Store → Themes → Customize on product and cart templates."
contentType: "docs"
locale: "en"
localized: true
source: "https://orderrules.com/docs/delivery/theme-app-block-setup"
slug: "delivery/theme-app-block-setup"
---
**The storefront delivery picker renders through a theme app block, so it lives inside your theme and survives theme updates** — no code, no `theme.liquid` edits.

## Add the block

1. Go to **Online Store → Themes → Customize**.
2. Open a **product** template, choose **Add block** in the main product area, and pick **OrderRules — Delivery date** under *App blocks*.
3. Repeat on the **Cart** template (and cart drawer, if your theme uses one).
4. **Save.**

## If app blocks are hidden

The block is a `mainSection`-targeted app block. If it doesn't appear:

- Make sure OrderRules is **installed and enabled**, and that you've clicked **Enable delivery dates** in the app.
- **Re-open** the theme editor (close and reopen Customize) so it picks up the app's blocks.
- On most themes OrderRules **auto-detects the cart**, so you only need to add the block manually if the picker doesn't show.

## Related

- [Set up the delivery date picker](/docs/delivery/getting-started-delivery-dates) · [Availability rules](/docs/delivery/availability-rules)