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

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.

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.

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

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

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.

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, @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, @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