Hola, alguien por favor sabe como poner por separados el campo de cantidad y los atributos a seleccionar (el color, la talla..) del elemento "añadir al carrito" con el constructor de divi, lo digo porque por defecto el elemento de "boton de añadir al carrito" de DIVI tiene la opción de que te aparezca el campo de cantidad o no, y siempre te sale acompañado de los atributos que tienes que seleccionar (talla, color etc) pero no hay ninguna opción para que estos campos esten aislados.
Lo necesito porque me gustaría añadir un efecto rebote solo al botón de añadir al carrito, y que este botón estuviese solo como en el ejemplo que adjunto.
Contenido solo visible a usuarios registrados
Citar
Respondido : 12/02/2021 3:44 pm
Karen Rios
Soporte CMS WebempresaModerator
Hola Cesar,
Disculpa no logro comprender muy bien la consulta,de manera el botón de añadir al carrito no puedes estar separado ya que esta relacionado con la variación que se seleccionar del producto y este se activará cuando se seleccione una de las opciones disponibles
Si es posible puedes detallarnos un poco mejor lo que deseas realizar? de esta forma podemos ayudarte con mayor detalle
Por otro lado veo que tu sitio web esta en mantenimiento, para poder comprobar lo que nos comentes necesitamos poder acceder y visualizarlo
Un Saludo
ResponderCitar
Respondido : 12/02/2021 3:54 pm
César Manuel
Usuario experto
Hola @karen, lo que necesito es poder "separar" el campo de cantidad del botón de añadir al carrito de manera que no este en el lateral, como enseño en la foto, sino que este por encima del botón, para poder ampliar el botón al máximo.
El sitio es
gimnasioalache.es/tienda
ResponderCitar
Respondido : 20/02/2021 3:19 pm
Pepe
Soporte CMS WebempresaAdmin
Hola César
¿ Puedes indicarnos una URL donde podamos verlo y hacer las pruebas?
Esto es lo que yo veo en al URL que indicas y no es lo mismo que muestras:
Cada web es distinta y utiliza sus propias clases y necesitamos realizar las pruebas en al web donde se tiene que realizar la modificación.
Si lo que quieres es que el botón de la captura que te muestro no este junto al precio, añade lo siguiente:
Hola @pepe muchas gracias por el aporte, si, tienes razón, esa no es la url de la pagina en la que necesito el cambio, es esta:
Lo que necesito es que el botón del añadir al carrito quede separado del campo de cantidad y ocupe el ancho completo, tanto el botón de añadir al carrito como el campo de cantidad, te adjunto un ejemplo.
Luego me gustaría si se pudiese, que solo el botón de añadir el carrito se quedase fijo (pegajoso) solo en vista para móviles sin las variaciones ni el campo de cantidad
Esta publicación ha sido modificada el hace 2 años por Pepe
ResponderCitar
Respondido : 25/02/2021 11:25 pm
Bulmaro
Soporte CMS WebempresaModerator
Hola,
Agrega el siguiente CSS desde Apariencia -> Personalizar -> CSS Adicional:
Luego me gustaría si se pudiese, que solo el botón de añadir el carrito se quedase fijo (pegajoso) solo en vista para móviles sin las variaciones ni el campo de cantidad
Disculpa si lo interpreto mal pero al sder un producto variable Woocommerce te pedirá forzosamente que elijas las opciones acrode a sus variaciones, por lo que quitar estos elementos el cliente no podría realizar la compra en los móviles.
Saludos
ResponderCitar
Respondido : 26/02/2021 1:25 am
César Manuel
Usuario experto
Hola @bulmaro-webempresa, el código funciona perfectamente, te adjunto foto de cómo quedó. Aunque me gustaría poner antes del campo de cantidad, un texto que ponga "cantidad y que no ocupase toda la linea el selecionador de numeros, un poco como la foto que adjunto en la foto. Podrías recomendarme algún tutorial de como hacerlo por favor?
Y sobre lo último que te comentaba, el problema que tengo es que quiero hacer pegajoso el botón de añadir al carrito solo para móviles porque las variaciones ya las tengo selecionadas por defecto, y no es que quiera eliminar las variaciones del modulo del boton de "añadir al carrito" solo me gustaría separarlas de él, que estuviesen todas en el mismo módulo porque me gustaría añadirle al módulo el efecto de rebote, pero claro si añado el efecto de rebote al botón "añadir al carrito" se aplica también a las variaciones y al campo de cantidad. No se si me he explicado bien. ¿Podrían decirme como poner solo el efecto de rebote o zumbido al botón de "añadir al carrito" sin que afecte al campo de cantidad ni a las variaciones? ¿y como podría poner solo el botón de añadir al carrito como pegajoso en móviles?
Muchas gracias y un saludo.
ResponderCitar
Respondido : 26/02/2021 8:00 pm
Argenis
Soporte CMS WebempresaModerator
Hola Cesar,
Verifica agregando el siguiente código en tu archivo functions.php:
Adicional a esto puedes agregar el siguiente código css en Apariencias > Personalizar > Css adicional:
div.qty { float: left; padding: 10px; }
Este css es cambiante, con respecto a tu consulta sobre el botón seria mejor abordarlo en un nuevo tema y que nos expliques un poco mejor lo que deseas.
Un saludo 🖐️
ResponderCitar
Respondido : 26/02/2021 8:47 pm
César Manuel
Usuario experto
Hola @argenis, he probado el código de php y el css y queda así, justo encima del campo de cantidad, podría ponerse al lado como en el del ejemplo?
Y con lo otro tienes razón, abriré otro nuevo tema, muchisimas gracias!!!
ResponderCitar
Respondido : 26/02/2021 9:20 pm
Bulmaro
Soporte CMS WebempresaModerator
Hola,
Inserta el siguiente CSS desde Apariencia -> Personalizar -> CSS Adicional:
Utilizamos cookies en nuestra web con una finalidad funcional y analítica. Las cookies nos ayudan a mejorar tu experiencia de navegación y a mostrarte contenidos personalizados. Puedes aceptar todas las cookies o configurar los ajustes para establecer tus preferencias.
Nuestra web utiliza diferentes tipos de cookies para mejorar tu experiencia de navegación. Las cookies necesarias se almacenarán en tu navegador porque son imprescindibles para las funcionalidades básicas de la web. También usamos cookies que nos ayudan a analizar cómo usas nuestra web para poder realizar mejoras y mostrarte contenidos personalizados. Estas cookies solo se almacenarán en tu navegador si tú lo aceptas. Si prefieres desactivarlas puedes hacerlo, pero ten en cuenta que esto afectará a la calidad de tu experiencia de navegación. Puedes ver más detalles sobre nuestras políticas de privacidad y uso de cookies la sección de Información Legal.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duración
Descripción
cookielawinfo-checkbox-advertisement
1 year
Set by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category .
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
PHPSESSID
session
This cookie is native to PHP applications. The cookie is used to store and identify a users' unique session ID for the purpose of managing user session on the website. The cookie is a session cookies and is deleted when all the browser windows are closed.
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Cookie
Duración
Descripción
lux_uid
30 minutes
This cookie is set by the Eventbrite. This cookie is used for enabling the function of ticket purchasing. This cookie helps in event booking and ticketing services.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Cookie
Duración
Descripción
_ga
2 years
The _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.
_ga_FETMGBGZQS
2 years
This cookie is installed by Google Analytics.
_gcl_au
3 months
Provided by Google Tag Manager to experiment advertisement efficiency of websites using their services.
_gid
1 day
Installed by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Cookie
Duración
Descripción
test_cookie
15 minutes
The test_cookie is set by doubleclick.net and is used to determine if the user's browser supports cookies.