Avisos
Vaciar todo

Desajuste del visionado de productos en Woocommerce  

 
Felipe
 Felipe
Usuario activo

Buenos días,

desconozco a que es debido, pero de repente el visionado de los productos en la tienda ha cambiado y ahora se ven 2 productos por fila cuando antes se veían 3 productos por fila rellenando todo el espacio.

Además, a la hora de ir al carrito, el botón IR A LA CAJA, ha solapado las opciones donde aparece el coste del envío. Antes se veía todo bien.

Deseo que me indiquen el procedimiento para ajustarlo al estado anterior.

Adjunto capturas.

1º Imagen: Como se ve actualmente
2º Imagen: Como me gustaría volver a verlo (antes se visualizaban así los productos)
3º Imagen: Imagen de solapamiento del Botón IR A LA CAJA

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 12/07/2016 11:27 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Felipe.

Para mostrar más productos por fila tendrás que aplicar cambios en el código. Si quieres mostrar 4 productos por fila edita el archivo wp-content/themes/prometeo_wp/functions.php y, previa copia de seguridad del mismo, añade el siguiente código al final:

add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
	function loop_columns() {
		return 4;
	}
}

A continuación, vete en la administración de WordPress a prometeo Theme y pulsa en la pestaña Estilo. En el campo CSS Personalizado añade lo siguiente:

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 2.8% 2.992em 0;
width: 17.55%;
}

Ten en cuenta que este cambio podría afectar al diseño de la página.

Para el botón, en el mismo archivo CSS Personalizado añade lo siguiente:

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {
margin-top: 15rem;
}

Nota: Recuerda realizar una copia del archivo antes de cualquier modificación, solo con un copia y pega en el block de notas tendrás suficiente para dejarlo como estaba anteriormente.

Un saludo

ResponderCitar
Respondido : 12/07/2016 1:25 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress