Asesor
Asesor Disponible
¡Hola! 👋 ¿Qué servicios estás buscando hoy?
Escribiendo...
Saltar al contenido

Ariapsa - Diseño & Soporte Web

CSS WooCommerce: Alinear misma altura botones "añadir al carrito", ocultar valoraciones, ofertas y centrar botón de compras

 

Diseño de sitios y páginas web

Desde landing page hasta tiendas online, incluye dominio y hosting

Ver planes y precios

¿Necesitas marketing digital para tu negocio?

Planes desde posicionamiento SEO, redes sociales, Google y ChatGPT ADS.

Ver planes

Dossier de ventas

Convertimos tu presentación PPT en una herramienta de prospección optimizada para móviles.

Cotizar ahora

Añade los siguientes códigos de estilo (CSS) en personalizar tema de WordPress WooCommerce.

1.- Clic en personalizar tema

2.- Clic sobre botón CSS adicional , copia y pega los códigos según tus requerimientos

 

( Requieres ayuda con tu sitio web de WooCommerce, entregamos en marca blanca contáctanos)

 

Alinear botón misma altura "añadir al carrito"

Código

// Alinear altura de los títulos de los productos
function custom_woocommerce_product_title_height() {
echo '<style>
ul.products li.product h2 {
min-height: 85px !important;
}
</style>';
}
add_action('wp_head', 'custom_woocommerce_product_title_height');

 

Ocultar estrellas valoración y oferta (unificar)

Código

ul.products li.product .star-rating, ul.products li.product .onsale {
display:none;
}

 

Centrar titulo y botón "añadir al carrito" y Titulo

Código

ul.products li.product {
list-style: none;
text-align: center !important;
}
×

Iniciar Sesión

[custom_login_form]
[custom_registration_form]