Avisos
Vaciar todo
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
Respondido : 21/11/2022 7:09 pm
El error me aparece al principio, en:
.woocommerce ul.products li.product {
overflow: hidden;
Respondido : 21/11/2022 7:10 pm
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
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!
Respondido : 21/11/2022 7:58 pm
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:
Respondido : 21/11/2022 8:24 pm
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
Respondido : 21/11/2022 9:08 pm
