Articles on: Website Builder

How to customize Cart items block in Website Builder

Cart items helps customers review all the items in the cart. Cart items will show up in the Cart drawer, Mini cart, and Cart page.

This article will show you how to edit the Cart items that show up on your store.

In this article


A. Edit the design
B. Edit the content

A. Edit the design



Select the Cart items block > Design tab. Here you can configure the style of cart items.


List layout: You can choose Horizontal or Vertical layout.

Vertical layout
Horizontal layout
Image size: You can choose size S, M, L for the Image.


Item spacing: You can adjust the spacing between cart items.


Divider: You can turn this on/off.

Divider is on
Divider is off
Other settings: You can customize the Position, Align, Width, Height, Background, Border, Opacity, Radius, Shadow, Padding, Margin. Please visit this article for more information.



B. Edit the content



Select the Cart items block > Content tab, then update the content as desired.

Price compare: You can turn on/off this option in order to show the compare-at-price.

Price compare is on
Price compare is off
Quantity select: You can turn on/off this option in order to show the quantity select in case the buyer buys a large quantity of the same item.

Quantity select is on
Quantity select is off
Quantity badge: You can turn on/off this option in order to show the quantity badge.

Quantity badge is on
Remove item: You can turn on/off this option whether you want buyers to remove items quickly.

Remove item is on

Updated on: 27/06/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!