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.
A. Edit the design
B. Edit the content
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.
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.
Other settings: You can customize the Position, Align, Width, Height, Background, Border, Opacity, Radius, Shadow, Padding, Margin. Please visit this article for more information.
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.
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 badge: You can turn on/off this option in order to show the quantity badge.
Remove item: You can turn on/off this option whether you want buyers to remove items quickly.
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.
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.
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.
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 badge: You can turn on/off this option in order to show the quantity badge.
Remove item: You can turn on/off this option whether you want buyers to remove items quickly.
Related articles
Updated on: 19/05/2023
Thank you!