Cómo crear un control deslizante de Shopify en dispositivos móviles con GemPages V7

Cómo crear un control deslizante en un dispositivo móvil

GemPages tiene diseño adaptativo Integrado, lo que significa que al agregar un control deslizante en un dispositivo móvil, este tendrá automáticamente el diseño adecuado para dispositivos móviles. GemPages siempre recomienda a los usuarios diseñar primero en la versión de escritorio y luego cambiar a la vista móvil para realizar los ajustes necesarios.

Opción 1: Crear un control deslizante de Shopify usando el elemento Carrusel

Esta opción le permite crear un control deslizante de Shopify para casi cualquier elemento.

Paso 1: Abra la página donde desea agregar el control deslizante.
Paso 2: Encuentre el elemento Elemento Carrusel de Hero y arrástrelo a su página.

Paso 3: Haz clic en el carrusel para abrir su configuración. Puedes añadir varios elementos a cada diapositiva, como:

• Banners de héroe: ideales para contenido promocional con imágenes, titulares y botones de llamada a la acción.
• Módulos de producto: muestra productos individuales con imágenes, títulos y precios.
• Imágenes o bloques de texto: para contenido personalizado o testimonios.

Etc,.

Personalice el contenido de cada diapositiva para adaptarlo a sus necesidades.

Paso 4: Con el Carrusel seleccionado, vaya a la Configuración Pestaña. Puedes ajustar:

• Número de elementos: cuántos elementos se mostrarán por diapositiva (hasta 12).
• Espaciado: Espacio entre elementos.
• Vista previa: habilite esta opción para mostrar parcialmente la siguiente diapositiva.
• Controles de navegación: habilite flechas o puntos para el control manual.
• Reproducción automática: establece transiciones de diapositivas automáticas.

Para obtener más información sobre la configuración del carrusel, consulte la Elemento Carrusel .
Si desea obtener una guía visual sobre cómo crear presentaciones de diapositivas con los elementos Carrusel y Banner principal, puede que le resulte útil el siguiente tutorial:

Paso 5: Cambiar a Vista móvil Dentro del editor, previsualiza el control deslizante en pantallas más pequeñas. Ajusta el texto, las imágenes y los botones según sea necesario.

Opción 2 Crea un control deslizante de Shopify usando Elemento Lista de Productos

Si solo desea un control deslizante para imágenes de productos, utilice el Lista de imágenes de productos .

Paso 1: Abra la página para editar, busque el Lista de Productos elemento, luego arrástrelo y suéltelo en su página.

Paso 2: Seleccione la Lista de imágenes del producto, vaya a la Configuración pestaña, buscar Diseño sección y elija Control deslizante.

Paso 3: Personalice las opciones del control deslizante, como la cantidad de imágenes, los controles de navegación y el espaciado.

Para obtener más información, consulte la sección de Elemento de lista de productos.

¿Cómo crear un control deslizante solo para dispositivos móviles?

Si quieres un control deslizante que muestre solo en dispositivos móviles, Utilizar Configuración de visibilidad de GemPages:

Paso 1: Seleccione el control deslizante que desea ocultar en el escritorio.
Paso 2: Vaya a la Avanzado pestaña, entonces Mostrar eny alternar off la vista del escritorio.

Esto hará que el control deslizante sea visible solo en dispositivos móviles.