Avisos
Vaciar todo

Botón Añadir al carrito en Divi  

 
Sara
 Sara
Usuario eminente

Hola,

Tal y como he podido leer en diversos foros, Divi presenta un problema y es que no tiene la opción de añadir el botón de "Añadir al carrito" por defecto, debiendo añadirla por código. Tras ver que añadiéndolo mediante el codigo que adjunto a continuación los botones se desalinean horizontalmente si en la tienda algún producto tiene estrellas, he optado por ver alternativas. La alternativa es un código que te permite colocar este botón de "Añadir al carrito" sobre la imagen del producto cuando pasas el ratón por encima, pero me salta error de Expected RBBRACE at line...

El código con el que inserto el botón es:

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

El código con el que pretendo modificar la posición del botón es:

/* Mostrar botón añadir al carrito en hover */
.woocommerce ul.products li.product {
overflow: hidden;
}
.woocommerce ul.products li.product:hover .button {
visibility: visible;
transform: translatey(0px);
transition: 0.35s;
opacity: 1;
}
.woocommerce ul.products li.product .button {
font-size: 12px;
line-height: 15px;
padding: 8px 12px;
min-height: 15px;
font-weight: bold;
text-transform: uppercase;
}
@media (min-width: 768px) {
.woocommerce ul.products li.product .button {
position: absolute;
bottom: 70px;
margin-left: 10px !important;
visibility: hidden;
transform: translatey(0);
transition: 0.35s;
opacity: 0;
}
.woocommerce ul.products li.product:hover .button {
transform: translatey(-10px) !important;
}
}

¿Alguna solución o alternativa al botón de añadir o al código anterior?

Contenido solo visible a usuarios registrados

Citar
Respondido : 21/11/2022 7:09 pm
Sara
 Sara
Usuario eminente

El error me aparece al principio, en:

.woocommerce ul.products li.product {
overflow: hidden;
ResponderCitar
Respondido : 21/11/2022 7:10 pm

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Sara,

El botón debería a aparecer por defecto sin embargo tenemos una consulta similar que se ha resuelto utilizando un fragmento de código mas concreto

https://www.webempresa.com/foro/soporte-divi-en-espanol/anadir-boton-de-carrito-a-plantilla-divi-woocommerce

Ahora bien, la funcionalidad que deseas es necesario validar si ya existe un fragmento de código disponible, de lo contrario se requeriría un desarrollo a medida lo cual lo que hacemos en ese caso es recomendar a nuestros colaboradores

Saludos!

ResponderCitar
Respondido : 21/11/2022 7:58 pm
Sara
 Sara
Usuario eminente

El fragmento de código que he utilizado es el mismo que he visto en una guía y he seguido los mismos pasos. Sigo sin entender el error de Expected RBRACE at line...

Esta es la guía:

https://www.youtube.com/watch?v=SGExZsUIfCE

ResponderCitar
Respondido : 21/11/2022 8:24 pm

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Sara, 

En este caso puedes enviarnos algunas capturas sobre como estas añadiendo los códigos, de manera general revisa eliminar los códigos que tienes añadidos del tutorial y prueba añadirlos nuevamente. 

Verifica que no falte ninguna signo de cierre en alguna clase o en el código que incorporas, luego de ello comprueba acceder a Divi → Opciones del tema → Constructor → Avanzado y pulsa en el botón que indica claro.

Revisa si con ello se muestra en botón de forma correcta. 

Verifica esto y nos comentas como va todo

Un Saludo 

ResponderCitar
Respondido : 21/11/2022 9:08 pm