Alineación Imágenes Productos

  • Resuelto irismerrents

    (@irismerrents)


    hace 5 años, 5 meses

    Buenas:
    Estoy creando una tienda online que trabaja con sistema de afiliados y utilizo WooCommerce para crear las listas de productos dentro de mis categorías.
    El problema está en que tengo imágenes de productos de diferentes tamaños y tras mucho trastear con la personalización de woocommerce he conseguido que las imágenes de los productos se me muestren enteras pero desalineadas.

    Me gustaría saber si hay algún modo de alinear las imágenes para que el pulsador de comprar producto de cada artículo quede a la misma altura y de sensación de comodidad a la hora de visualizar los productos. O si de otro modo podría hacer algo para ajustar el tamaño de las imágenes más grandes de modo que, sin que dejen de verse al completo, ocupen de una forma más ajustada el contenedor y queden cuadradas con las demás aunque en menor tamaño.

    Gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • Moderador Fernando Tellado

    (@fernandot)

    hace 5 años, 5 meses

    ¿Has probado a cambiar el tamaño de las miniaturas desde Personalizar > WooCommerce > Imágenes de producto y ponerlo a 1:1?

    Iniciador del debate irismerrents

    (@irismerrents)

    hace 5 años, 5 meses

    Hola Fernando,

    Sí, por defecto lo tenía puesto en relación de aspecto 1:1 pero lo cambié porque me interesa que los productos se vean completos y con ese formato se recorta la imagen hasta rellenar el recuadro y el producto no se visualiza de forma completa.

    Me gustaría, si se pudiera, que la imagen del producto se viese entera pero a la vez alineada con el resto.

    Moderador Fernando Tellado

    (@fernandot)

    hace 5 años, 5 meses

    Claro, es que entonces las imágenes (el marco) tendrían que ser de la misma altura, sino cada cual se adapta

    Iniciador del debate irismerrents

    (@irismerrents)

    hace 5 años, 5 meses

    Entonces, tendría que modificar todas las imágenes de los productos para ponerles un marco con las mismas dimensiones?
    Si hubiese alguna forma de hacerlo diferente, porque tengo en la web al rededor de 300 productos…

    Moderador Fernando Tellado

    (@fernandot)

    hace 5 años, 5 meses

    Puedes forzar divs en el tema y con CSS definir un alto mayor de cada sección de productos. La otra opción es coger las imágenes en <i>portrait</i> y meterlas en un marco (con Photoshop o lo que sea) de un tamaño que tú determines para todas

    Iniciador del debate irismerrents

    (@irismerrents)

    hace 5 años, 4 meses

    Buenas Fernando:

    Gracias, finalmente me decanté por modificar todos los tamaños de las imágenes para que esté todo más ordenado.

    Cierro el debate, muchas gracias por tu colaboración.

    Un saludo

    Moderador Fernando Tellado

    (@fernandot)

    hace 5 años, 4 meses

    Mientras quede bien genial. Y queda bien 🙂

Viendo 7 respuestas - de la 1 a la 7 (de un total de 7)
  • El debate ‘Alineación Imágenes Productos’ está cerrado a nuevas respuestas.

Etiquetas