Respuestas WordPress

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Como ajustar tamaño de Imagen de Producto en woocommerce

tengo la pagina http://andamiocremallera.cl/, en la seccion de productos, las imágenes de productos salen del ancho máximo de la pagina, ya trate de ajustar por ajustes de woocommerce, pero al parecer la planilla es la que tiene ese ancho y woocommerce lo usa a su ancho máximo, creo que ya se debería hacer por código programar el tamaño de las imágenes, pero no se donde hacerlo.

2 Respuestas

0voto

Peter Puntos3990

Efectivamente tienes el 100% en el CSS, agrega el siguiente código a tu CSS, en donde el 50% puede ser el porcentaje que quieras, actualmente tienes el 100% y poniendo eso, ya lo puedes ajustar al tamaño que quieras en porcentaje de la página.

.woocommerce ul.products li.product a
img {
    width: 50%;
}

Saludos.

macromar comentado Oct 4

no me funciona, la agregue en el archivo style.css

en esta seccion al final:

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

.woocommerce ul.products li.product a img { width: 50%; }

Peter comentado Oct 4

¿Desactivaste tu cache al probar?
¿Lo pusiste en el style.css o en el CSS de Woocommerce?
¿Tu tema no tiene para agregar CSS desde la administración para sobre escribir otros estilos?

Saludos.

macromar comentado Oct 4

si lo agregue en la sección de agregar CSS, gracias a la ayuda del maestro rafael sanso. muchas gracias de todas maneras.

Peter comentado Oct 4

Mmm, no veo su respuesta.

¿Es decir que el código que te puse efectivamente es la solución?

Si es así, por favor marca la respuesta como correcta y si no, por favor comparte la solución en una respuesta nueva.

Saludos.

1voto

macromar Puntos220

en realidad el código que me funciono fue este:

  .woocommerce div.product div.images.woocommerce-product-gallery {
    margin-right: 20px;
    float: left;
    width: 50%;
  } 

el que me indicaste no hace lo que requeria.

Peter comentado Oct 5

Gracias por compartirlo, por favor selecciona la respuesta como correcta.

Saludos.

Por favor, accede o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Actividad Reciente

Usuarios Top

    ...
    Respuestas WordPress es un espacio de Preguntas y Respuestas entre usuarios WordPress.

    Conecta