Avisos
Vaciar todo

[Resuelto] Añadir carrito en tienda  

 
marta
 marta
Usuario eminente

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
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

marta
 marta
Usuario eminente

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
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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

marta
 marta
Usuario eminente

@argenis si centrar el icono del carrito

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

Esta publicación ha sido modificada el hace 3 meses por marta
Respondido : 08/12/2023 2:42 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola marta.

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

screenshot www.artepeluqueria.com 2023.12.08 15 50 57

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

marta
 marta
Usuario eminente

@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 3 meses por marta
Respondido : 08/12/2023 3:08 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Marta.

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

screenshot www.artepeluqueria.com 2023.12.08 16 12 02

Prueba con esto:

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

 

Un Saludo

 

Respondido : 08/12/2023 3:15 pm

marta
 marta
Usuario eminente

@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 3 meses 3 veces por marta
Respondido : 08/12/2023 3:28 pm
marta
 marta
Usuario eminente

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

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
marta
 marta
Usuario eminente

@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

Pepe
 Pepe
Soporte CMS Webempresa Admin

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
marta
 marta
Usuario eminente

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

Respondido : 08/12/2023 4:44 pm

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Marta.

Nada, Gracias a ti Amiga !!!! 😀 

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

Respondido : 08/12/2023 4:47 pm