This topic has 16 replies, 2 voices, and was last updated 11 months, 2 weeks ago ago by Tony Rodriguez
Buenos dias.
Os cometo, estoy tratando de crear la visualizacion del producto personalizada.
Lo estoy creando con Elementor – Cuadricula de productos:
https://ibb.co/cNLXngZ
Actualmente lo tengo asi:
https://ibb.co/0q2zR3y
Pero necesitaria poner el boton de “Añadir al carrito” en medio del borde, como esta imagen:
https://ibb.co/JKVcZ5K
Hello, @OnlyCBD,
Thank you so much for purchasing our theme and contacting our support center.
Could you kindly provide us with the URL of the page where you are encountering the issue? This will enable us to investigate and assist you in resolving the problem.
Additionally, we request you create temporary wp-admin access and provide it in the private content area. This will allow us to examine your settings more closely.
We kindly recommend that you take a complete backup of your site before proceeding.
Best Regards,
8Theme’s Team.
Hola Tony.
Te adjunto el enlace.
El problema esta que necesitamos que el boton de “Añadir al carrito” necesitamos que este entre medio del borde rojo.
Y no consigo ajustarlo de ninguna forma.
Hello, @OnlyCBD,
We appreciate your prompt response.
To resolve your issue, we kindly request you to disable the ‘Products Masonry’ option. You can find this option in the following path: XStore > Theme Options > WooCommerce > Shop > Shop page Layout. Once you have disabled it, please ensure to publish the changes.
For your convenience, we have provided a reference image: https://postimg.cc/LgTrFsyF
Subsequently, we recommend adding the CSS code from the following topic: https://www.8theme.com/topic/problem-with-products-layout-in-shop-page/#post-316130
We trust that these steps will rectify your problem.
Best Regards,
8Theme Team.
Buenas.
Este paso no esta funcionando.
Como le he explicado antes lo estoy haciendo con Elementor Cuadricula de Productos.
En la siguiente foto se explica mejor.
Actualmente la gente ve el producto 2.
Necesito que se vea como producto 1 el boton de “Añadir al carrito” tiene que esta en medio del Borde Rojo.
Hello, @OnlyCBD,
We regret to inform you that the URL you provided does not display the products. We kindly request you to verify the URL and provide us with the correct one that leads to the page experiencing the issue. This will enable us to investigate the matter and assist you accordingly.
Additionally, if possible, we would appreciate it if you could share the WP Admin URL and credentials with us. Please ensure to provide this information in the private content area of this topic. This will allow us to directly inspect and rectify the issue on your site.
Best Regards,
8Theme’s Team
Hola.
Disculpa, ya vuelve a estar ese enlace funcionando.
Aun asi, te adjunto las credenciales.
Gracias.
Hello, @OnlyCBD.
We have thoroughly examined the URL you provided. Our findings indicate that it is functioning optimally. The content appears to be within the border, not exceeding it. For your reference, we have attached a screenshot as proof: https://postimg.cc/xXcgRV8y
We kindly suggest that you revisit the URL after clearing your cache.
Best Regards,
8Theme’s Team
Hola Tony.
Disculpa, creo que no has entendido mi pregunta.
NO quiero centrar el boton o que ocupe todo el margen.
Lo que NECESITO es que el boton este en medio del Borde Continuo.
Esta imagen lo explica:
Producto 1 = Como queremos que se vea
Producto 2 = Como se ve actualmente
Muchas gracias de antemano.
Hello, @OnlyCBD,
We appreciate your prompt response.
To address your concern, kindly follow these steps:
1. Copy the CSS code provided below.
2. Navigate to XStore > Theme Options > Theme Custom CSS > Global CSS on your platform.
3. Paste the copied CSS code in the designated area.
4. Click ‘Publish’ to save the changes.
.elementor-30599 .elementor-element.elementor-element-5f1a076 .etheme-product-grid-item {
overflow: unset !important;
}
a.button.product_type_variable.add_to_cart_button.etheme-product-grid-button.st-swatch-btn-ready.st-swatch-btn-text-changed {
position: relative;
top: 20px;
}
After following these steps, your interface should resemble the attached example. https://imgur.com/zoSiCUX
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.
Best Regards,
8Theme’s Team.
Hola.
Exactamente como la captura de pantalla que has mandado, es lo que buscamos.
Pero no esta funcionando esto en la tienda.
Aparece asi:
Y ahora no deja editar con Elementor el Products Archive de la categoria, nos aparece este error de Elementor:
Disculpad las molestias y gracias.
Hello, @OnlyCBD,
We are delighted to hear that our provided Custom CSS code is functional on this page: https://ocf.fdztech.es/?elementor_library=hachis-cbd
But this is not working in the store.
It appears like this:
Could you kindly provide us with the URL of your store page where it is not working for you?
We regret to inform you that we are unable to view the screenshot you have provided. Could you please clarify what it is supposed to depict?
And now it won’t let you edit the Products Archive of the category with Elementor, we get this Elementor error:
Could you also specify the exact error you are encountering? If possible, please share a brief video clip illustrating the issue.
Best Regards,
8Theme’s Team
Hello.
I tell you, the problem is that the button does not overlap above the edge and when there is another row below it it does not work correctly.
Your code is not working for me with all categories.
And when it works, the add to cart button is cut in half.
Could you help me put half a button outside the red border?
I attach a video of the problem:
Thank you so much!
https://drive.google.com/file/d/188leciATQ897EPK-m49ncM2u7Et34Fuc/view?usp=sharing
Hello, @OnlyCBD,
We kindly request that you provide us with the specific page URL where the CSS is not functioning correctly.
Additionally, we would appreciate it if you could share your site’s working WP Admin Login details in the private content area of this topic. This will enable us to further investigate the issue on your site and assist you accordingly.
Best Regards,
8Theme’s Team
Hello.
We need this setting to be general in all products that are using this Elementor element: https://ibb.co/cNLXngZ
It should work in the following categories.
https://ocf.fdztech.es/resinas-cbd/
https://ocf.fdztech.es/flores-cbd/
https://ocf.fdztech.es/packs-cbd/
I am attaching the credentials in the private area.
Thank you so much!
Hello, @OnlyCBD,
We have recently conducted a comprehensive review of your website and attempted to modify the CSS to ensure it functions across all pages. However, we have found that the changes are effective on some product pages, but not all. Allow us to provide a detailed explanation.
The CSS has been altered to the following:
.etheme-product-grid-item.etheme-product-image-hover-swap.product {
overflow: unset !important;
}
a.button.product_type_variable.add_to_cart_button.etheme-product-grid-button.et-st-disabled {
position: relative;
top: 20px;
}
You can view the changes in this screenshot: https://postimg.cc/WtZjDM22
The modifications are functioning correctly on this page: https://ocf.fdztech.es/resinas-cbd/
However, they are not effective on this page: https://ocf.fdztech.es/packs-cbd/
On this page: https://ocf.fdztech.es/flores-cbd/, the changes work for some products but not for others. The reason for this inconsistency is that products on the same row have more variations in two lines and fewer variations in a single line, which alters the alignment of the button. This is illustrated in the following screenshot: https://postimg.cc/PL19XMWc
Unfortunately, this issue cannot be resolved with Custom CSS and requires additional customization.
We appreciate your understanding in this matter.
Best Regards,
8Theme’s Team
You must be logged in to reply to this topic.Log in/Sign up