Avisos
Vaciar todo
Hola, buenas noches.
El caso es que añado el fragmento de codigo de " añadir carrito" en Divi ya que por defecto no aparece en los productos y me sale a la izquierda en la pagina principal, en paginas secundarias me sale demasiado grande y un poco a la izquierda, y en la pagina del producto bien pero demasiado grande. Nose como solucionar esto
Contenido solo visible a usuarios registrados
Respondido : 07/12/2023 10:34 pm
Hola Marta,
Puedes comentarnos como te gustaría que se mostrase? y cuando indicas un fragmento de código, cuál exactamente?
Un saludo 🖐️
Respondido : 07/12/2023 11:05 pm
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 );
Respondido : 07/12/2023 11:23 pm
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 🖐️
Respondido : 08/12/2023 12:08 am
@argenis si centrar el icono del carrito
https://www.artepeluqueria.com/indiahair/
Esta publicación ha sido modificada el hace 5 meses por marta
Respondido : 08/12/2023 2:42 pm
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
Respondido : 08/12/2023 2:57 pm
@pepesoler ohhhh muchas gracias
y para que salgan a la misma altura??
https://www.artepeluqueria.com/pack-ahorro/
Esta publicación ha sido modificada el hace 5 meses por marta
Respondido : 08/12/2023 3:08 pm
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
Respondido : 08/12/2023 3:15 pm
@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/
Esta publicación ha sido modificada el hace 5 meses 3 veces por marta
Respondido : 08/12/2023 3:28 pm
bueno lo de las mayusculas es porque los últimos que añadi fueron en mayúsculas es error mio
Respondido : 08/12/2023 3:45 pm
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
Respondido : 08/12/2023 4:15 pm
@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
Respondido : 08/12/2023 4:37 pm
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
Respondido : 08/12/2023 4:41 pm
Hola Marta.
Nada, Gracias a ti Amiga !!!! 😀
Cualquier consulta que tengas no dudes en comunicarlo.
Un saludo
Respondido : 08/12/2023 4:47 pm
