Where to find it
In Online Store → Themes, open the unpublished theme editor, choose a compatible template, then Add section → Limited offer or Product limited offer. Availability follows the selected template and section group.
This section is not available in the Header group.
Set it up
- Add Limited offer or Product limited offer; both use this section with different starting presets.
- Choose Split, Product offer, Banner or Text. Select Product when using the product purchase area.
- Configure the image or mobile image and add the relevant Heading, Text, Button, Countdown or Promo code blocks.
- If using a countdown, set its real End date and time and UTC offset. Choose the section's When the countdown ends behavior deliberately.
- Test stock, variants and purchasing in preview. Create discounts and any actual offer restrictions in Shopify separately.
Main settings to review
| Setting | Choices or control |
|---|---|
| Layout | Split · Product offer · Banner · Text |
| Product | Choose a product |
| When the countdown ends | Keep purchasing available · Disable purchasing · Hide section |
| Image | Choose an image |
| Mobile image | Choose an image |
| Show quantity | On / Off |
Blocks and content
The following content blocks have their own setup and control reference. Nested blocks belong inside their parent, such as Slide, Tab, Tile or Story chapter.
App content requires a compatible installed app. Its setup and support come from that app; the theme does not supply the app service.
Content and media
- Use imagery of the actual offer or product. A separate mobile image can keep the subject visible in a banner crop.
- Disabling purchasing at expiry affects this section's controls; it is not a store-wide sales or checkout restriction.
Check the mobile layout
- Review the mobile image height, content width, variant controls and final call to action together.
Common questions and fixes
- The countdown is absent: add a Countdown block and enter a valid date and time zone.
- A section disappears after expiry: check When the countdown ends and the timer's completed state.
- The discount is not applied: the display code and countdown do not create a Shopify discount.
Full control reference
Names, choices, ranges and defaults below are read from this version of the theme. Defaults are starting examples, not promises about your business. Some controls appear only for the matching layout. Block contents and preset starting values can differ from the base defaults.
All section controls (34)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Width / Section width | Page width · Full width · Custom width | Default: Page width. |
| Width / Custom width | 50–100 %; step 5 | Default: 80. Percentage of screen width. This control appears only when the relevant layout or related option is selected. |
| Width / Layout | Split · Product offer · Banner · Text | Default: Split. |
| Width / Color scheme | Choose a color scheme | Default: surface. |
| Product offer / Product | Choose a product | Default: Not set. Shown only when Layout is set to Product offer. |
| Product offer / Show vendor | On / Off | Default: On. This control appears only when the relevant layout or related option is selected. |
| Product offer / Show product description | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Product offer / Show quantity | On / Off | Default: On. This control appears only when the relevant layout or related option is selected. |
| Product offer / Show product link | On / Off | Default: On. This control appears only when the relevant layout or related option is selected. |
| Product offer / When the countdown ends | Keep purchasing available · Disable purchasing · Hide section | Default: Disable purchasing. Uses the first countdown block in this section. This controls the storefront display only and does not end a Shopify discount. This control appears only when the relevant layout or related option is selected. |
| Product offer / Image | Choose an image | Default: Not set. This control appears only when the relevant layout or related option is selected. |
| Product offer / Mobile image | Choose an image | Default: Not set. This control appears only when the relevant layout or related option is selected. |
| Product offer / Image position | Left · Right | Default: Left. This control appears only when the relevant layout or related option is selected. |
| Product offer / Desktop image width | 35–65 %; step 5 | Default: 50. This control appears only when the relevant layout or related option is selected. |
| Product offer / Desktop minimum height | 280–820 px; step 20 | Default: 500. This control appears only when the relevant layout or related option is selected. |
| Product offer / Mobile image height | 180–500 px; step 20 | Default: 280. This control appears only when the relevant layout or related option is selected. |
| Product offer / Image overlay | 0–80 %; step 5 | Default: 35. This control appears only when the relevant layout or related option is selected. |
| Product offer / Banner text color | Choose a color | Default: #ffffff. This control appears only when the relevant layout or related option is selected. |
| Product offer / Content position | Left · Center · Right | Default: Left. This control appears only when the relevant layout or related option is selected. |
| Product offer / Content width | 40–100 %; step 5 | Default: 65. This control appears only when the relevant layout or related option is selected. |
| Product offer / Content padding | 16–80 px; step 4 | Default: 40. |
| Product offer / Block spacing | 0–48 px; step 2 | Default: 20. |
| Product offer / Corner radius | 0–32 px; step 2 | Default: 12. |
| Product offer / Top padding | 0–120 px; step 4 | Default: 48. |
| Product offer / Bottom padding | 0–120 px; step 4 | Default: 48. |
| Product offer / Mobile top spacing | 0–120 px; step 4 | Default: 24. |
| Product offer / Mobile bottom spacing | 0–120 px; step 4 | Default: 24. |
| Media / Section background image | Choose an image | Default: Not set. |
| Media / Section background position | Image focal point · Top · Center · Bottom | Default: Image focal point. This control appears only when the relevant layout or related option is selected. |
| Media / Section background behavior | Scroll with section · Fixed to viewport | Default: Scroll with section. This control appears only when the relevant layout or related option is selected. |
| Media / Section background overlay | 0–80 %; step 5 | Default: 0. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on desktop | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on mobile | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Section anchor | Text | Default: Not set. Optional. Use a unique name for links that jump to this section. |