Sections · Placket 1.0.0
Cart sections
The theme has two ways to show the cart: a drawer that slides in from the side, and a cart page. You choose in Theme settings > Cart > Cart type. Both show line items, quantities, the subtotal, the free shipping progress and a checkout button. Neither has a discount code field. Discounts apply at checkout, and automatic discounts show in the cart.
Cart page
The page at /cart. It is the main section of the cart template. When Cart type is Drawer, the cart page is still available at /cart and the drawer is used from the header.
Editor name: Cart page. Where you can add it: Cart page. Blocks: up to 3.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text (italic word allowed) | Your cart | |
| Show item count under heading | On or off | On | |
| Show Continue shopping link | On or off | On | |
| Continue shopping link | Link | Empty | |
| Show unit price under options | On or off | On | |
| Show order note field | On or off | On | |
| Show dynamic checkout buttons | On or off | On | Wallet buttons such as Shop Pay. They keep their own look. |
| Note under subtotal | Text | Taxes and shipping calculated at checkout. | |
| Show free shipping message | On or off | On | Uses Free shipping threshold in Theme settings, Cart. |
Empty cart
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Subheading | Text | Your cart | |
| Heading | Text (italic word allowed) | Nothing here yet | |
| Text | Rich text | Your cart is empty. Browse our products to find something you like. | |
| Button label | Text | Continue shopping | |
| Button link | Link | Empty | |
| Navigation heading | Text | Start here | |
| Navigation | Menu | main-menu | Shown as a numbered list. |
| Empty cart image | Image | Empty | Rows with summary card layout only. Shown beside the empty message. Shown when Layout is Rows with summary card. |
| Help links | Menu | footer | Small underlined links under the list. |
| Products to show | Collection | Empty | Shown under the empty cart. Leave empty to show your store's products. |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Table with summary on the right; Items, then summary below; Rows with summary card | Table with summary on the right | |
| Summary card color scheme | Any color scheme | Scheme 1 | Rows with summary card layout only. Shown when Layout is Rows with summary card. |
| Image ratio | Adapt to image; Portrait (4:5); Square (1:1); Landscape (3:2) | Portrait (4:5) | |
| Image width | 80 to 240 px | 150 px | Desktop. Mobile uses 96px. |
Spacing: Top padding (80 px, 0 to 200 px), Bottom padding (80 px, 0 to 200 px). These add space above and below the section.
Blocks
Block: Reassurance row (up to 3)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Text | Text | Add shipping or returns details |
Tips
- Use Show order note field to let shoppers add a note to the order.
- Show dynamic checkout buttons shows wallet buttons such as Shop Pay under the checkout button, when your payment settings offer them. Their colors cannot be changed.
- The free shipping message uses the Free shipping threshold in Theme settings > Cart. Set it to 0 to hide the message.
- The empty cart shows a message, a Navigation menu and a few products. Pick the products with Products to show.
- Add up to three Reassurance row blocks for short notes such as "Free returns within 30 days". Write only promises you keep.
- You can add Product recommendations and Recently viewed to the cart page.
Cart drawer
A side drawer that opens when a shopper selects the cart icon, or after they add a product. It shows only when Cart type is Drawer.
Editor name: Cart drawer. Where you can add it: Any page. Blocks: up to 2.
Settings
Content
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text | Your cart | |
| Show item count in heading | On or off | On | |
| Show free shipping message and progress bar | On or off | On | Uses Free shipping threshold in Theme settings, Cart. |
| Note under subtotal | Text | Taxes and shipping calculated at checkout. | |
| Show View cart link | On or off | On | |
| Open after adding a product | On or off | On |
Empty cart
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Heading | Text (italic word allowed) | Nothing here yet | |
| Empty cart image | Image | Empty | Band at the top of the empty drawer. Leave empty for none. |
| Text | Rich text | Your cart is empty. Browse our products to find something you like. | |
| Button label | Text | Continue shopping | |
| Button link | Link | Empty | |
| Navigation heading | Text | Shop | |
| Navigation | Menu | main-menu | Shown as a numbered list. The first four items are used. |
| Text at the bottom | Text | Empty |
Style
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Color scheme | Any color scheme | Scheme 1 | |
| Layout | Classic; Program, footer panel with its own color | Classic | |
| Footer color scheme | Any color scheme | Scheme 1 | Program layout only. Shown when Layout is Program, footer panel with its own color. |
| Image ratio | Adapt to image; Portrait (4:5); Square (1:1); Landscape (3:2) | Portrait (4:5) | |
| Drawer width | 360 to 560 px | 480 px | Desktop only. On mobile the drawer fills the screen. |
| Overlay darkness | 0 to 80% | 55% |
Blocks
Block: Reassurance cell (up to 2)
| Setting | Choices | Default | Notes |
|---|---|---|---|
| Label | Text | Shipping | |
| Text | Text | Add details here |
Tips
- To edit the drawer, open the home page in the theme editor. Cart drawer is at the bottom of the sidebar, in its own list below the Footer group. That list has no heading. In the editor, the drawer opens while the section is selected.
- Turn off Open after adding a product if you prefer that the drawer stays closed until the shopper selects the cart icon.
- The drawer has one checkout button. Wallet buttons such as Shop Pay are on the cart page.
- The Program layout adds a separate color for the footer panel (Footer color scheme).
- Add up to two Reassurance cell blocks for short notes under the items.