Cart drawer

Cart drawer allows customize action after add to cart, cart drawer,...in the theme.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme Settings -> Cart drawer.

Setting
Description

Layout style

Select the layout style from the dropdown menu:

  • Special

  • Classic

Cart type

Select type of action after add to cart from the dropdown menu:

  • Drawer: Show cart drawer.

  • Page: Redirect to cart page.

Show vendor

Select this checkbox to show/hide vendor on cart item.

Cart toolbar icon

Setting
Description

Enable cart note

Select this checkbox to show/hide cart note

Enable gift wrap

Select this checkbox to show/hide gift wrap

Choose a gift wrap

Select the product you want as a gift

Enable shipping free calculator

Select this checkbox to show/hide free shipping calculator

Default country selection

Adds a selector where a customer can choose the countries and regions that you've enabled in your payment settings, so that customers can view your product prices in the currency of their choice.

Setting
Description

Show popular products

Select this checkbox to show/hide popular products

Title

The title for the section

Collection

The collection that you want to display

Maximum product to show

The number of products from the collection to display. Must be an even number. Minimum: 1. Maximum: 5.

Background

Changes the color of the background.

Background gradient

Changes the color of the background gradient.

Free shipping notification

Free shipping notification shows a progressive bar with a message when customers put more items in their shopping carts.

Setting
Description

Show free shipping notification

Select this checkbox to show/hide calculator free shipping message feature.

Minimum order price for free shipping

Fill in the price without currency code that orders totaling more than amount, get free shipping to specific shipping zones. You must configure your shipping rates first.

Background

Set the background color for this block (If a background gradient is set, the section's background will be set according to the background gradient setting)

Background gradient

Set the background gradient for this block

Colors

Setting
Description

Color scheme

Choose color scheme for the cart drawer.

Use background gradient special

Enable/disable checkbox

Background

Set the background color for the cart drawer (If a background gradient is set, the section's background will be set according to the background gradient setting)

Background gradient

Set the background gradient for the cart drawer

'Checkout' button color scheme

Set the color scheme for the 'Checkout' button

Choose button style

Select the button style for the block:

  • Default

  • Transparent

'View Cart' button color scheme

Set the color scheme for the 'View Cart' button

Choose button style

Select the button style for the block:

  • Default

  • Transparent

'Continue Shopping' button color scheme

Set the color scheme for the 'Continue Shopping' button

Choose button style

Select the button style for the block:

  • Default

  • Transparent

Last updated