Return to previous page

Buenos dias. Os cometo, estoy tratando de crear la visualizacion del producto personalizada. Lo esto

This topic has 16 replies, 2 voices, and was last updated 1 years ago ago by Tony Rodriguez

OnlyCBD

Participant

October 17, 2023 at 12:49

Buenos dias.
Os cometo, estoy tratando de crear la visualizacion del producto personalizada.
Lo estoy creando con Elementor – Cuadricula de productos

Actualmente lo tengo asi

Pero necesitaria poner el boton de “Añadir al carrito” en medio del borde, como esta imagen

#370491 Copied Theme version: 9.2.0 WooCommerce version: Latest

15 Answers

Tony Rodriguez

Support staff

October 18, 2023 at 08:23

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.

Please contact administrator
for this information.

#370604 Copied

OnlyCBD

Participant

October 18, 2023 at 09:11

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.

#370613 Copied

Tony Rodriguez

Support staff

October 18, 2023 at 09:22

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.

#370615 Copied

OnlyCBD

Participant

October 18, 2023 at 10:09

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.

#370623 Copied

Tony Rodriguez

Support staff

October 18, 2023 at 12:17

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

#370650 Copied

OnlyCBD

Participant

October 18, 2023 at 14:56

Hola.
Disculpa, ya vuelve a estar ese enlace funcionando.
Aun asi, te adjunto las credenciales.
Gracias.

Please contact administrator
for this information.

#370680 Copied

Tony Rodriguez

Support staff

October 19, 2023 at 06:47

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

#370749 Copied

OnlyCBD

Participant

October 19, 2023 at 10:48

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.

#370794 Copied
Tony Rodriguez

Support staff

October 19, 2023 at 14:10
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.
#370824 Copied
OnlyCBD

Participant

October 19, 2023 at 17:29

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.

#370855 Copied

Tony Rodriguez

Support staff

October 20, 2023 at 07:21

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

#370886 Copied

OnlyCBD

Participant

October 24, 2023 at 17:41

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

Please contact administrator
for this information.

#371398 Copied

Tony Rodriguez

Support staff

October 25, 2023 at 07:35

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

#371434 Copied

OnlyCBD

Participant

October 25, 2023 at 12:45

Hello.
We need this setting to be general in all products that are using this Elementor element

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!

Please contact administrator
for this information.

#371469 Copied
Tony Rodriguez

Support staff

October 26, 2023 at 07:34
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
#371571 Copied
Tagged: buenos días productos, crear visualización producto, ecommerce personalizado, personalizada producto woocommerce, woocommerce personalización, wordpress woocommerce templates
Viewing 16 results - 1 through 16 (of 16 total)