Skip to content

Widget customization

The storefront rental picker is fully customizable from Rentshelf → Settings → Storefront widget.

FieldUsed for
HeadingMain picker title (e.g. “Rent this product”).
SubheadingSmall text below the heading.
Start / End labelsLabels on the two date inputs.
Add-ons labelSection heading above add-ons.
Total / Deposit labelsLabels on the summary card.
Rent / Buy tab labelsIf you enable the Rent/Buy tab switcher.
Trust row (1–3)Short trust badges under the total (e.g. “Free cancellation”, “Insured rentals”).

Leave any field blank to use the default copy shipped with the app.

The picker uses a design-system-style color palette. Every field is a hex value.

FieldRole
PrimaryMain accent — buttons, tabs, selected dates.
Background / SurfacePicker background and card surface.
BorderOutlines on inputs and cards.
Text / MutedBody text and helper text.
Selected / Range / Unavailable / TodayCalendar day states.

If you’re matching your theme, the two most important values are Primary and Background. Everything else will look correct with sensible defaults.

  • Card radius — corner rounding (0 = sharp corners, 24 = very rounded). Pick one value that matches your theme’s aesthetic.
  • Show tabs — toggle the Rent/Buy switcher.
  • Show calendar widget — toggle the inline calendar (vs text-only date inputs).
  • Show calendar legend — the key at the bottom of the calendar explaining colors.
  • Show trust row — toggle the three trust badges below the total.

Changes save to your shop but do not push to the theme automatically. Reload the storefront product page after saving to see them.

Click Reset to defaults at the bottom of the section to restore every field to its shipped default in one click.