Estimated delivery
How to use the Estimated delivery block in the Meditative Folks Theme.
Estimated delivery
At a glance
Estimated delivery messaging for the product.
Used in
- Configure where this block is available in the parent section.
Settings
Layout
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Content direction (mobile) | Controls “Content direction (mobile)” on the storefront. Open the theme editor to preview live. | row | Always |
| Content direction (tablet and desktop) | Controls “Content direction (tablet and desktop)” on the storefront. Open the theme editor to preview live. | row | Always |
Label
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show label | Turns “Show label” on or off on the storefront. | Yes | Always |
| Label text | Controls “Label text” on the storefront. Open the theme editor to preview live. | Estimated delivery | show label |
| Use global H3 heading styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | show label |
| Heading font size (mobile) | Sets heading font size (mobile) in pixels for the matching screen size. | 26 | Show label is on and Use global H3 styles is off |
| Heading font size (tablet) | Sets heading font size (tablet) in pixels for the matching screen size. | 29 | Show label is on and Use global H3 styles is off |
| Heading font size (desktop) | Sets heading font size (desktop) in pixels for the matching screen size. | 33 | Show label is on and Use global H3 styles is off |
| Heading font weight | Sets how bold heading text appears. | 600 | Show label is on and Use global H3 styles is off |
Date
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global body styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Always |
| Date font size (mobile) | Sets date font size (mobile) in pixels for the matching screen size. | 16 | Use global body styles is off |
| Date font size (tablet) | Sets date font size (tablet) in pixels for the matching screen size. | 16 | Use global body styles is off |
| Date font size (desktop) | Sets date font size (desktop) in pixels for the matching screen size. | 20 | Use global body styles is off |
Delivery
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Delivery window (days) | Example: 5 shows a 5-day range after the 4-day processing delay. | 5 | Always |
| Date format | Controls “Date format” on the storefront. Open the theme editor to preview live. | day_month | Always |
Setting details
Each control from the tables above, explained simply:
Content direction (mobile)
Controls “Content direction (mobile)” on the storefront. Open the theme editor to preview live. Default: row.
Content direction (tablet and desktop)
Controls “Content direction (tablet and desktop)” on the storefront. Open the theme editor to preview live. Default: row.
Show label
Turns “Show label” on or off on the storefront. Default: Yes.
Label text
Controls “Label text” on the storefront. Open the theme editor to preview live. Default: Estimated delivery. This control appears when: show label.
Use global H3 heading styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: show label.
Heading font size (mobile)
Sets heading font size (mobile) in pixels for the matching screen size. Default: 26. This control appears when: Show label is on and Use global H3 styles is off.
Heading font size (tablet)
Sets heading font size (tablet) in pixels for the matching screen size. Default: 29. This control appears when: Show label is on and Use global H3 styles is off.
Heading font size (desktop)
Sets heading font size (desktop) in pixels for the matching screen size. Default: 33. This control appears when: Show label is on and Use global H3 styles is off.
Heading font weight
Sets how bold heading text appears. Default: 600. This control appears when: Show label is on and Use global H3 styles is off.
Use global body styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.
Date font size (mobile)
Sets date font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Use global body styles is off.
Date font size (tablet)
Sets date font size (tablet) in pixels for the matching screen size. Default: 16. This control appears when: Use global body styles is off.
Date font size (desktop)
Sets date font size (desktop) in pixels for the matching screen size. Default: 20. This control appears when: Use global body styles is off.
Delivery window (days)
Example: 5 shows a 5-day range after the 4-day processing delay. Default: 5.
Date format
Controls “Date format” on the storefront. Open the theme editor to preview live. Default: day_month.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.