Cart

What this section does

Shopping cart with product items, order summary and checkout

Where it goes

• Can be used at most 1 time(s) on one page.
• This section is in every plan — no extra plugin needed.

Styles

Different looks for the same section. You can change the style later; your content stays as it is.

The first 2 styles of every section are open on every store. The rest unlock with the Page Editor plugin — all at once, not style by style.

• Standard

  Freestandard

  Classic two-column: scrollable items (2/3) with sticky summary sidebar (1/3)

  Specific to this style: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Split Panel

  Freesplit-panel

  Premium: brand-colored summary panel always visible left, items scrollable right

  Specific to this style: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Focused

  Page Editorfocused

  Distraction-free single column with flat item rows and summary block below

  Specific to this style: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Table

  Page Editortable

  Spreadsheet data table with Product, Unit Price, Qty and Total columns — ideal for B2B

  Specific to this style: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Sticky Bar

  Page Editorsticky-bar

  Full-width items with a fixed bottom bar showing total and checkout always in view

  Specific to this style: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Showcase

  Page Editorshowcase

  Visual 2-column product card grid with large images and sticky summary sidebar

  Specific to this style: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Minimal

  Page Editorminimal

  Clean single column — slim item rows with the summary stacked beneath

  Specific to this style: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Bordered Panel

  Page Editorbordered-panel

  Items in a bordered card beside a separate bordered summary panel

  Specific to this style: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

Settings

The fields you see in the Section Settings panel on the right when this section is selected.

Shared by every style

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height