Conversión y urgencia
Step Instructions
Qué es
Muestra una serie de pasos numerados, cada uno con imagen, título y descripción, en cuadrícula o en carrusel. Sirve para explicar cómo usar un producto.
Cuándo usarla
- Explicar paso a paso cómo usar, montar o preparar un producto.
- Mostrar el proceso de compra o de entrega de forma visual.
- Presentar un ritual o una rutina de cuidado con una imagen por paso.
- Viene por defecto en
- Página de producto
- Disponible en
- Cualquier plantilla
- En el editor aparece como
- «Step Instructions V2»
Ajustes principales
Cómo se organizan los ajustes de esta sección.
Layout Options5 ajustes
Columns on desktop · Use slider layout · Show pagination · Enable autoplay · y 1 más
Slider Settings6 ajustes
Arrow background · Arrow color · Arrow border radius · Arrow width · y 2 más
Card Design3 ajustes
Content position · Content padding Y · Content padding X
Border6 ajustes
Border · Override border color · Border color · Border width · y 2 más
Image Settings2 ajustes
Image ratio · Lazy load images
Step Number8 ajustes
Show step number · Size · Font size · Border radius · y 4 más
Step Title8 ajustes
Font size · Override text color · Text color · Border radius · y 4 más
Step Description3 ajustes
Font size · Override text color · Text color
Section Colors3 ajustes
Section color scheme · Override background color · Background color
Section Spacing6 ajustes
Padding top · Padding bottom · Margin top · Margin top (mobile) · y 2 más
Bloques
Contenido que añades dentro de la sección con «Añadir bloque». Sus ajustes están en la referencia completa.
- Step3 ajustes
- Pixelion Heading24 ajustes
- Pixelion - Rating stars49 ajustes
Referencia completa: 173 ajustes
Tipo, valor por defecto, rangos y unidades, todas las opciones y cuándo aparece cada ajuste — además de los ajustes de cada bloque, consejos y la documentación de versiones anteriores. Disponible para clientes de Pixelion.
Archivo: sections/step-instructions-v2.liquid · v2.0.15