Process Steps

Qué hace esta sección

Step-by-step how-it-works process with icons

Dónde se coloca

• Puedes usarla tantas veces como quieras 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.

• Numbered

  Gratisnumbered

  Numbered circles on a connecting line, with a card per step

  Propios de este estilo: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Connected Cards

  Gratisconnected-cards

  Icon cards joined by arrow connectors in a flowing row

  Propios de este estilo: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Vertical

  Editor de páginasvertical

  Steps stacked down a vertical line with the number on the left

  Propios de este estilo: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Zigzag

  Editor de páginaszigzag

  Steps alternate left and right of a central line

  Propios de este estilo: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Status Rail

  Editor de páginasstatus-rail

  Vertical rail with status nodes; active node pulses

  Propios de este estilo: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Dashed Connector

  Editor de páginasdashed-connector

  Stacked steps joined by a dashed connector + icon rings

  Propios de este estilo: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Split Feature

  Editor de páginassplit-feature

  A sticky intro panel (eyebrow, title, image) on one side and the steps as a card grid on the other

  Propios de este estilo: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

• Big Number Rows

  Editor de páginasbig-number-rows

  Full-width stacked rows divided by hairlines, each with an oversized step number beside the icon and text

  Propios de este estilo: title, subtitle, steps, columns, accentColor, eyebrow, media, panelBg, numberColor, dividerColor

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