Skip to main content

Customize Storefront Text and Display

This article helps you review what can be customized in the customer-facing delivery and pickup

This article helps you review what can be customized in the customer-facing delivery and pickup experience.

What this helps you do

Adjust storefront labels, placement, and customer-facing wording where the app or theme allows it.

Prerequisites

  • The app is installed

  • The picker is visible in your theme

  • You have permission to edit the theme and app settings

Instructions

  1. Open Shopify admin → Apps → RP Local Delivery Date.

  2. Open Settings → Translations to edit customer-facing labels and messages or enable additional storefront languages.

  3. Open Settings → Design to change the accent color, control style, or custom CSS.

  4. Save the changes.

  5. In Shopify admin, go to Shopify admin → Online Store → Themes → Customize → App embeds and confirm RPDelivery Date App Embed is enabled.

  6. Save the theme changes.

  7. Preview the storefront.

  8. Confirm that the new text and design look correct on:

    • desktop

    • mobile

  9. If you need to change notification wording shown after ordering, review Shopify notification templates separately in Shopify admin → Settings → Notifications.

Expected result

The delivery or pickup selector matches your store’s wording and appears in a clear place in the cart.

Supported customization matrix

Customization

Where to manage it

Delivery, pickup, and shipping labels and messages

Settings → Translations

Additional storefront languages and automatic customer-language selection

Settings → Translations

Calendar language and date/time formats

App settings

Accent color and icon-button or tab presentation

Settings → Design

Custom CSS

Settings → Design

Delivery/pickup information, comment field, and single-location visibility

General or profile settings

Picker activation

Shopify theme app embed

Shopify notification wording

Shopify Settings → Notifications

Troubleshooting notes

  • If text changes do not appear, confirm whether the text is controlled by the app, the theme, or Shopify notifications.

  • If the picker placement looks wrong, do not paste or move app scripts manually; contact support with your theme name and cart type.

  • If your theme still uses an older installation, contact support to migrate it to the current app embed.

Important warnings or limitations

Use the theme editor and app settings for setup and customization. Do not paste app scripts into theme files.

  • Custom CSS can affect readability and layout. Test it on desktop and mobile before publishing.

  • The theme app embed has no merchant-facing display settings of its own; picker text and styling are managed in the app.

  • Arbitrary placement by pasting app scripts into theme files is not supported.
    Contact support when a custom or older theme needs placement work beyond the
    app embed.

  • Do not copy an older installation's snippets or script includes into a new
    theme. Migrate by enabling the current app embed in a duplicate theme and
    having support or a qualified theme developer remove only confirmed legacy
    app code after testing.

Suggested Articles

When and how to contact support

Contact support if you want a layout change and cannot find a safe way to do it in the theme editor or app settings.

Send:

  • your store URL

  • theme name

  • screenshots of the current layout

  • a mockup or description of the desired layout

  • whether the change is needed on desktop, mobile, or both

Use:

Did this answer your question?