Soporte » Guías – Resolución de problemas » Ajuste tamaño y alineación imágenes

  • beatrizabalofernandez

    (@beatrizabalofernandez)


    Buenos días. Llevo días intentando solucionar este problema. Al entrar en la web el tamaño de las imágenes o categorías se muestras desalineadas y de diferentes tamaños (me corta las imágenes más grande).
    He utilizado variedad de plugin y he intentado mil cosas para ajustarlas pero no encuentro el fallo. (no fui yo quien configuró el wordpress, no sé si vendrá de ahí).
    He puesto la relación 1:1, he regenerado las imágenes, las miniaturas y con el Smart Image Resize for WooCommerce intente por lo menos ajustar las imágenes de categorías, pero es que ni eso (link que enlazo en la publicación). No soy capaz ni de evitar que me las corte, ni de alinearlas ni de rellenar los espacios de las más pequeñas.
    Alguna solución? Muchísimas gracias!

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

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Moderador Jose Luis

    (@jose64)

    Hola.

    Bienvenida al foro de soporte. El problema es que las imágenes son de diferente altura, define un tamaño fijo, ajústate a ese tamaño y súbelas todas iguales, así evitas esos problemas y el tener que redimensionarlas o ponerles alturas por CSS.

    Puedes hacerlo manualmente y así control sobre todo, por ejemplo puedes quitar los espacios en blanco, o con un plugin. En el repositorio tienes alguno, por ejemplo:

    Smart Image Resize – Make WooCommerce Images the Same Size

    ShortPixel Image Optimizer

    Coméntanos si tienes alguna duda y, por favor, recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

    Iniciador del debate beatrizabalofernandez

    (@beatrizabalofernandez)

    Buenos días Jose Luis. Gracias por tu respuesta pero no me soluciona.
    El Smart Image Resize ya lo he probado y la versión free solo me deja ajustar 150 imágenes que no veo yo que haya funcionado. EL otro que me recomiendas (ShortPixel Image Optimizer) no me ajusta al mismo tamaño. Coge de referencia el tamaño de la propia imagen por lo que no me sirve.
    Subirlas manualmente… (ahora es demasiado tarde para eso, tengo muchos artículos subidos) y además, son artículos que migro de otro woocommerce (que eso es agua de otro riego) donde tengo a varias personas subiendo cosas, por eso es difícil subirlas todas con el mismo tamaño… y ya estoy desesperada, no sé me ocurre nada mas que no sea modificando las fotos manualmente pero hablamos de más de 500 imágenes…

    Moderador Jose Luis

    (@jose64)

    Hola.

    Con respecto a lo de los plugins, son gratuitos hasta cierto punto, luego tienes que contratar servicios. Tú tienes que valorar qué te conviene más, si pagar para que otro haga el trabajo y dedicar ese tiempo a otra cosa o ahorrarte el dinero y perder tu tiempo en ello.

    tengo a varias personas subiendo cosas, por eso es difícil subirlas todas con el mismo tamaño

    Es tan fácil como definir unos parámetros para las imágenes y que todos los respeten, es decir, ancho x alto en píxeles, El problema de tus imágenes es que unas incluyen un espacio en blanco arriba y debajo y otras se ajustan al contenido, puedes verlo comparando:

    https://cdn-aoddo.nitrocdn.com/NJsBeppsdtMOFGoClZZRkFJPZhamboYl/assets/static/optimized/rev-cadd178/wp-content/uploads/2021/01/jardin.jpg
    https://cdn-aoddo.nitrocdn.com/NJsBeppsdtMOFGoClZZRkFJPZhamboYl/assets/static/optimized/rev-cadd178/wp-content/uploads/2021/01/soplador-aspirador-McCulloch-GBV-322-300x500.jpg
    https://cdn-aoddo.nitrocdn.com/NJsBeppsdtMOFGoClZZRkFJPZhamboYl/assets/static/optimized/rev-cadd178/wp-content/uploads/2021/03/multimotor-300x460.jpg

    Puedes ajustarlo con CSS forzando una altura mínima en las imágenes añadiendo este código al CSS personalizado de tu página en la ruta Apariencia > Personalizar > CSS adicional:

    .woocommerce ul.products li.product a img {
        min-height: 30rem;
    }

    Usando esto último no tienes que tocar nada en las imágenes, pero lo que ahorras en tiempo lo pierdes en el aspecto de la web.

    Recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Ajuste tamaño y alineación imágenes’ está cerrado a nuevas respuestas.