Cart

Qué hace esta sección

Shopping cart with product items, order summary and checkout

Dónde se coloca

• Se puede usar como máximo 1 vez/veces en una página.
• Esta sección está en todos los planes: no necesita ningún complemento.

Estilos

Distintos aspectos para la misma sección. Puedes cambiar el estilo más tarde; tu contenido se mantiene.

Los primeros 2 estilos de cada sección están abiertos en todas las tiendas. El resto se desbloquea con el complemento Editor de páginas, todos a la vez.

• Standard

  Gratisstandard

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

  Propios de este estilo: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Split Panel

  Gratissplit-panel

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

  Propios de este estilo: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Focused

  Editor de páginasfocused

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

  Propios de este estilo: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Table

  Editor de páginastable

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

  Propios de este estilo: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Sticky Bar

  Editor de páginassticky-bar

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

  Propios de este estilo: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Showcase

  Editor de páginasshowcase

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

  Propios de este estilo: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Minimal

  Editor de páginasminimal

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

  Propios de este estilo: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

• Bordered Panel

  Editor de páginasbordered-panel

  Items in a bordered card beside a separate bordered summary panel

  Propios de este estilo: title, emptyStateTitle, emptyStateSubtitle, emptyStateCtaText, showCheckout, showPromoCode, showOrderSummary, showContinueShopping, showSuggestedProducts, showShippingInfo, summaryPosition, showQrPay, qrPayShowBalance, qrPayShowTopup, showOrderToTable, orderToTablePrimary, orderToTableRequireTable, orderToTableExclusive

Ajustes

Los campos que aparecen en el panel Ajustes de sección, a la derecha, al seleccionar esta sección.

Comunes a todos los estilos

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