[Resuelto] Añadir carrito en tienda

Hola Marta,

Puedes comentarnos como te gustaría que se mostrase? y cuando indicas un fragmento de código, cuál exactamente?

Un saludo 🖐️ 

Hola gracias por tu respuesta, parece que solucioné el de la pagina principal pero en el resto de las páginas se sigue viendo un poco a la izquierda exceptuando en el producto que al cambiarlo de tamaño, ahora el icono de la cantidad se ve demasiado grande.

Me gustaría que en toda la pagina se vieran sobre unos 14-16 de tamaño fuente, que en las paginas se viese centrado al igual que los precios.

el fragmento de código puse este:

add_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 20 );

Hola Marta,

Algo más además del tamaño de la fuente? trata agregando este código css en Apariencia > personalizar > css adicional:

.woocommerce ul.products li.product .button {
font-size: 14px !important;
}

Con esto debe tener tamaño de 14px, si nos compartes las url exactas donde se ve mal podemos ayudarte con más códigos Css personalizados.

Un saludo 🖐️ 

@argenis si centrar el icono del carrito

https://www.artepeluqueria.com/indiahair/

Hola marta.

Supongo que lo que quieres es centrar los botones de añadir al carrito:

Prueba añadiendo lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

.woocommerce ul.products li.product .button {
display: flex;
justify-content: center;
align-items: baseline;
}

Un saludo

@pepesoler ohhhh muchas gracias

y para que salgan a la misma altura??

https://www.artepeluqueria.com/pack-ahorro/

Hola Marta.

Si te das cuenta hay títulos que se muestran en varias líneas ya que son más largos:

Prueba con esto:

.woocommerce-loop-product__title{
min-height:80px;
display:flex;
align-items:center;
}

Un Saludo

@pepesoler muchas gracias así siiiii,

creo que el nombre del articulo también se ve a la izquierda y hay algunos en mayusula y otros en minuscula

https://www.artepeluqueria.com/indiahair/

vale y para que el tamaño de la cantidad sea acorde con el boton añadir carrito

https://www.artepeluqueria.com/litros/champu-india-clarificante-1000ml/

bueno lo de las mayusculas es porque los últimos que añadi fueron en mayúsculas es error mio

Hola Marta.

Creo que el nombre del artículo también se ve a la izquierda

Revisa si es esto lo que buscas:

h2.woocommerce-loop-product__title {
letter-spacing: .1em;
text-transform: uppercase;
display: inline-block;
flex-direction: column;
justify-content: flex-end;
display: inline-flex;
width: 100%;
}

para que el tamaño de la cantidad sea acorde con el boton añadir carrito

.woocommerce-page .quantity input.qty {
height: 40px!important;
}

Un saludo

@pepesoler Vale perfecto, menudo cambio, lo único que he visto que las letras en mayúsculas no me convencen. prefiero centrar los textos sin alterar la descripción y ya creo que termino!!! muchas gracias de verdad

Hola Marta.

lo único que he visto que las letras en mayúsculas no me convencen

Del código elimina esto:

text-transform: uppercase;

Un saludo

@pepesoler Perfecto muchísimas gracias de verdad!!!!!!!

Hola Marta.

Nada, Gracias a ti Amiga !!!! 😀 

Cualquier consulta que tengas no dudes en comunicarlo.

Un saludo