Miniatura producto en página carrito

  • alexsmm

    (@alexsmm)


    hace 2 años, 10 meses

    Buenos días,

    Escribo para ver si alguien me puede echar un cable con la página de carrito.

    El tema es que no se me veía la miniatura de producto en la versión mobile. Revisando por el foro vi que alguien había tenido un problema parecido y lo había solucionado con este código

    @media only screen and (max-width: 769px) {
    .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
    display: block !important;
    }

    A mí me ha funcionado también, el único tema es que la imagen se ve muy pequeña. He intentado modificarla pero no lo consigo. Me podéis ayudar por favor? (Lo ideal es que estuviera centrada y fuera +-10 veces mayor).

    Gracias de antemano por vuestro tiempo.

    Un saludo

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador jose64

    (@jose64)

    hace 2 años, 10 meses

    Hola.

    Bienvenido al foro de soporte de WordPress.org. Te dejo el enlace a las Instrucciones de uso de los foros, ahí tienes explicada, entre otras cosas, la forma correcta de hacer una consulta. Sin la url de la página para poder hacer alguna prueba es imposible ayudarte en esto.

    Iniciador del debate alexsmm

    (@alexsmm)

    hace 2 años, 10 meses

    Hola Jose Luis,

    Perdona pensaba que lo había enlazado, disculpa.

    Este es el link

    https://anizbrand.es/carrito/

    Gracias por la guía 🙂, así ya me lo sé para la siguiente.

    Un saludo

    Moderador jose64

    (@jose64)

    hace 2 años, 10 meses

    Hola.

    Revisa los tamaños de las miniaturas en la configuración del tema, si el problema no está ahí puedes forzar el tamaño añadiendo este código al CSS personalizado del tema:

    .woocommerce-cart .zn-cartpage-style2 table.cart td.product-thumbnail img {
    width: auto;
    max-width: 300px;
}

    Con ese código defines el ancho máximo y el ancho en el que se verá la imagen. Para que se aplique solo a determinados tamaños tienes que usar las media queries, por ejemplo:

    @media only screen and (max-width: 320px) {
   .woocommerce-cart .zn-cartpage-style2 table.cart td.product-thumbnail img {
      width: auto;
      max-width: 300px;
   }
}

    Comenta si tienes alguna duda y, por favor, recuerda marcar el debate como resuelto cuando así lo consideres, de esta forma nos ayudas a mantener el foro al dia.

    Iniciador del debate alexsmm

    (@alexsmm)

    hace 2 años, 10 meses

    Hola José Luis,

    He intentado forzar el tamaño con el código que me mandas en el personalizador y no hay manera, me desaparece la imagen cuando lo inserto. Sabes porque puede ser? ( También he intentado modificar el tamaño en el trozo de código que había añadido yo utilizando la información que me has mandado pero tampoco me ha finalizado.

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Miniatura producto en página carrito’ está cerrado a nuevas respuestas.

Etiquetas