Imágenes de producto

Oscar

Usuario activo

Hola buenas, tengo una duda sobre como se ven las imágenes en miniatura de la tienda. Estoy usando woocommerce con el tema storefront y childtheme proshop. Las miniaturas en dispositivo movil se ven muy pequeñas y no consigo hacer que se vean mas grandes, hay alguna manera? Me gustaria que se vienen solo un par de ellas y en grande y las demas si vas pasando.
gracias y un saludo

Contenido solo visible a usuarios registrados

Respondido : 31/01/2021 4:03 pm

Argenis

Soporte CMS Webempresa Moderator

Hola Oscar,

Nos comenta en que sección en especifico quieres esto que mencionas? para verificar si entre las opciones del tema esta la opción de hacer lo que comentas.

Un saludo

Respondido : 31/01/2021 4:28 pm

Oscar

Usuario activo

Hola,

estoy sería para la pagina de producto individual, actualmente estoy usando una plantilla que he creado en elementor, y con esa plantilla tengo todos los productos.

Un saludo

Respondido : 31/01/2021 8:14 pm

Argenis

Soporte CMS Webempresa Moderator

Hola Oscar,

En este caso debes ingresar directamente en el módulo de ventas cruzadas que veo que estas utilizando y activar las opciones de responsiva natas de elementor:

al hacer clic en esta sección seleccionas vista de tablet y de teléono al hacerlo puedes modificar en el mismo modulo de ventas cruzadas como se va a ver (columnas) en cada dispositivo.

Verifica y nos comentas, un saludo 🖐️

Respondido : 31/01/2021 8:40 pm

Oscar

Usuario activo

Hola,

gracias por tu respuesta tan rápida. El problema es en las fotos del producto en sí, no en la de las ventas cruzadas ni en las ventas recomendadas que tengo mas abajo.

En las fotografias del producto se ve una foto principal en grande y luego unas miniaturas en pequeño abajo que son las que me gustaría ampliar.

Esas fotos de producto en vista desktop y vista tablet se ven bien pero en la vista de móvil se ven muy pequeñas.

Un saludo

Respondido : 31/01/2021 8:50 pm

Bulmaro

Soporte CMS Webempresa Moderator

@aguilardeciudadgmail-com

Hola Óscar,

Inserta el siguiente CSS desde Apariencia -> Personalizar -> CSS Adicional:

@media only screen and (min-width: 600px) {
  .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
      width:20%;
      margin-right:0%;
    }
}

Saludos

Respondido : 31/01/2021 11:11 pm