githubEdit

Share cart

Overview

A reusable cart sharing component that generates a shareable cart URL and provides a copy-to-clipboard button, displayed only when items are in the cart.

Common use cases

  • Allow customers to share their cart with others

  • Ensure translations are set up for 'actions.copy_url' and 'actions.copied'

  • Consider adding visual feedback when URL is copied beyond text change

  • Configure button color to match your theme's design system

Block settings

Spacing

Setting
Description
Options

Enable horizontal padding

Adds horizontal padding around the share cart component

Checkbox (default: false)

Enable top padding

Adds top padding around the share cart component

Checkbox (default: false)

Enable bottom padding

Adds bottom padding around the share cart component

Checkbox (default: false)

Color

Setting
Description
Options

Button color

Controls the button color scheme

• Primary • Secondary (default) • Tertiary • Neutral • Plain • Outline • Inverted outline • Blur

Display

Setting
Description
Options

Visibility

Controls when the block is visible

• All (default) • Mobile only • Desktop only

Last updated

Was this helpful?