Ir al contenido principal
Todas las coleccionesAvanzado
Mostrando imágenes dinámicas en las páginas de productos
Mostrando imágenes dinámicas en las páginas de productos

Actualiza automáticamente la imagen del producto para que coincida con las selecciones de tus clientes

Diego Matamoros avatar
Escrito por Diego Matamoros
Actualizado hace más de un mes

Las imágenes dinámicas son imágenes que se actualizan para coincidir con la selección de los clientes. Si has utilizado el tipo de opción de muestras y has añadido imágenes, puedes configurar imágenes dinámicas para asegurarte de que la imagen de la página del producto cambie automáticamente según las muestras que seleccionen tus clientes.


Requisitos

  • Esta función solo funcionará para el tipo de opción de muestras.

  • Asegúrate de haber añadido imágenes a los valores de tus opciones.


Habilita el cambio de la imagen del producto al realizar una selección

  1. Haz clic en Opciones y luego en cualquier opción con Muestras como tipo de opción.

  2. Marca la opción Cambiar imagen del producto al seleccionar.

  3. Haz clic en Guardar.


Editar el Tema

  1. Ve a Tienda en línea > Temas, expande el menú junto al tema que deseas editar y luego haz clic en Editar código.

  2. Busca el archivo product-thumbnail.liquid.

    • Normalmente, el archivo product-thumbnail.liquid se encuentra en la carpeta Snippets o Sections.

  3. Añade la clase <div class="zapiet-product-image-container img"> al archivo.

    • La clase que necesitas añadir al archivo también se puede encontrar en Zapiet - Opciones de producto > Ajustes > Opciones dinámicas > Imagen dinámica.


  4. Haz clic en Guardar.

Ahora, cuando tus clientes seleccionen una opción diferente, la imagen en la página del producto cambiará dinámicamente para reflejar su elección.

Si tienes algún problema al configurar esto, por favor háznoslo saber por chat y estaremos encantados de ayudarte.

¿Ha quedado contestada tu pregunta?