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 11 months, 2 weeks ago ago by Tony Rodriguez

  • Avatar: OnlyCBD
    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:
    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

    15 Answers
    Avatar: Tony Rodriguez
    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.
    Avatar: OnlyCBD
    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.

    Avatar: Tony Rodriguez
    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.

    Avatar: OnlyCBD
    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.

    Avatar: Tony Rodriguez
    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

    Avatar: OnlyCBD
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: OnlyCBD
    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.

    Avatar: Tony Rodriguez
    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.

    Avatar: OnlyCBD
    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.

    Avatar: Tony Rodriguez
    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

    Avatar: OnlyCBD
    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.
    Avatar: Tony Rodriguez
    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

    Avatar: OnlyCBD
    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: 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!

    Please contact administrator
    for this information.
    Avatar: Tony Rodriguez
    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

  • Viewing 16 results - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.