Checkout

Qué hace esta sección

Order checkout with payment and shipping

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

  Standard two-column checkout

  Propios de este estilo: title, showProgressBar, progressStyle, showOrderSummary, summaryStyle, showCouponField, showItemsList, showShippingInfo, showBalancePayment, showCreditPayment, editorPreviewStep, focusedMode

• Accordion

  Gratisaccordion

  Step-by-step accordion checkout

  Propios de este estilo: title, showProgressBar, progressStyle, showOrderSummary, summaryStyle, showCouponField, showItemsList, showShippingInfo, showBalancePayment, showCreditPayment, editorPreviewStep, focusedMode

• Two Column

  Editor de páginastwo-column

  Side-by-side form and summary

  Propios de este estilo: title, showProgressBar, progressStyle, showOrderSummary, summaryStyle, showCouponField, showItemsList, showShippingInfo, showBalancePayment, showCreditPayment, editorPreviewStep, focusedMode

• Minimal

  Editor de páginasminimal

  Clean minimal checkout

  Propios de este estilo: title, showProgressBar, progressStyle, showOrderSummary, summaryStyle, showCouponField, showItemsList, showShippingInfo, showBalancePayment, showCreditPayment, editorPreviewStep, focusedMode

• Stepper

  Editor de páginasstepper

  Guided step-by-step checkout with progress indicator

  Propios de este estilo: title, showProgressBar, progressStyle, showOrderSummary, summaryStyle, showCouponField, showItemsList, showShippingInfo, showBalancePayment, showCreditPayment, editorPreviewStep, focusedMode

• Floating

  Editor de páginasfloating

  Floating summary panel that stays visible while scrolling through checkout steps

  Propios de este estilo: title, showProgressBar, progressStyle, showOrderSummary, summaryStyle, showCouponField, showItemsList, showShippingInfo, showBalancePayment, showCreditPayment, editorPreviewStep, focusedMode

• Express

  Editor de páginasexpress

  Compact single column, summary first, sticky place-order bar

  Propios de este estilo: title, showProgressBar, progressStyle, showOrderSummary, summaryStyle, showCouponField, showItemsList, showShippingInfo, showBalancePayment, showCreditPayment, editorPreviewStep, focusedMode

• Review Panel

  Editor de páginasreview-panel

  Form steps left, persistent sticky summary panel right

  Propios de este estilo: title, showProgressBar, progressStyle, showOrderSummary, summaryStyle, showCouponField, showItemsList, showShippingInfo, showBalancePayment, showCreditPayment, editorPreviewStep, focusedMode

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