WooCommerce: Cómo poner la imagen destacada arriba y a ancho completo

Por defecto, WooCommerce muestra la imagen destacada de los productos a la izquierda del precio, descripción breve y botón de añadir al carrito.

Esta configuración, aunque muy práctica, porque permite en ordenadores ver todo lo fundamental del producto, no siempre es a gusto de todos.

Si prefieres que la imagen destacada esté encima de las características, precio y botón de la página del producto, y a ancho completo, para darle más presencia al producto, es fácil conseguirlo.

Solo tienes que añadir el siguiente código desde Personalizar > CSS adicional:

Guarda los cambios y ya está, mira el cambio, es inmediato…

Si te fijas en la animación el producto de ejemplo tiene galería de imágenes, que también se sitúan sobre el precio y demás elemento del producto.

Pasas de esto…

 

A esto otro…

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!

Autor: Fernando Tellado

Fernando Tellado es un apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Mi último libro es WordPress - La guía completa. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web. Sigue a @fernandot en Twitter

Comparte esta entrada en
468 ad
Ir al contenido