githubEdit

Product pickup

Overview

Displays local pickup availability for the selected variant with store location details. Shows availability status, pickup times, and store addresses. Opens a drawer overlay when clicked to display detailed information about all available pickup locations. Content updates dynamically when variant selection changes.

Common use cases

  • Display pickup availability on product pages for stores with local pickup enabled

  • Configure internal padding for better visual spacing within the pickup button

  • Use appropriate color schemes and borders to match your theme design

  • Set visibility options based on whether pickup is primarily a mobile or desktop feature

  • Integrate with product variant selection to show real-time pickup availability

Block settings

Content

Setting
Description
Options

Product

Select the product to display pickup availability for

Product picker

Spacing

Setting
Description
Options

Enable internal padding

Adds internal padding to the pickup button

Checkbox (default: true)

Enable horizontal padding

Adds horizontal padding around the block

Checkbox (default: false)

Enable top padding

Adds top padding around the block

Checkbox (default: false)

Enable bottom padding

Adds bottom padding around the block

Checkbox (default: false)

Color

Setting
Description
Options

Color scheme

Controls the background and text colors

• Body (default) • Neutral • Accent 1 • Accent 2 • Accent 3 • Shade 1 • Shade 2 • Shade 3 • Primary • Secondary • Tertiary • Blur • Transparent

Color border

Controls the border color

• Body • Subtle (default) • Strong • Primary • Secondary • Tertiary • None

Display

Setting
Description
Options

Visibility

Controls when the block is visible

• All (default) • Mobile only • Desktop only

Last updated

Was this helpful?