Soporte » Plugins y Hacks » WooCommerce » Lista de productos del carrito de compra del menú no se muestra

  • Resuelto dluiso

    (@dluiso)


    Hola, recientemente actualicé a Woocommerce 5.0.0 y de momento me percato que la lista de los productos del carrito cuando sitúo el puntero encima de él en vez de verse normal por encima de todos los elementos se muestra por debajo y por consiguiente no se ve nada, tal parece que todo esta por encima de esa lista.

    Todo corre sobre WordPress, tema Astra, Plugin Elementor, entre otros de apoyo para el funcionamiento de la tienda, todos ellos en sus versiones más recientes.

    El problema comenzó a suceder posterior a la actualización de Woocommerce a la versión 5.0.0

    image

    Alguna sugerencia?

    Gracias

    • Este debate fue modificado hace 2 meses, 1 semana por dluiso.
    • Este debate fue modificado hace 2 meses, 1 semana por dluiso.
    • Este debate fue modificado hace 2 meses, 1 semana por dluiso.
Viendo 15 respuestas - de la 1 a la 15 (de un total de 15)
  • Moderador Fernando Tellado

    (@fernandot)

    Sin ver el código fuente de la web, ya que no compartes la URL, es imposible ver qué interfiere.

    Pero vamos, que tener las últimas versiones de todos los plugins no implica que todos sean compatibles con la última versión de WooCommerce, más si tienes maquetada la página con un builder.

    Iniciador del debate dluiso

    (@dluiso)

    Saludos Fernando, muchas gracias por contestar, juraría que había puesto la url, lo siento, la dejo acá.

    https://bodegaloscorzos.es/

    Me percaté que dónde único no está saliendo es en la página principal, cuando se accede a otra parte de la web si se muestra, te agradezco mucho de antemano tu interés.

    Gracias.

    Moderador Fernando Tellado

    (@fernandot)

    Todo apunta a alguna optimización de código, creo que de WP Rocket, que hace que se superponga la primera sección de la portada ¿has probado a desactivarlo?

    Iniciador del debate dluiso

    (@dluiso)

    Saludos estimado @fernandot posterior a leer su recomendación, no solo desactive el Wp Rocket, sino que 1 por 1 fui quitando todos los plugins (a excepción de Woocommerce, Elementor, y Elementor Pro.) el resto por unos minutos los desactivé todos en un horario que no fue de riesgo para las visitas. y a pesar de ello, seguía sin mostrarse en la portada la lista del carrito de compras.

    Si necesitara usted alguna otra información para poder tener una idea más completa, me lo dice y sin problema alguno se la facilito.

    De antemano sigo muy agradecido que se esté tomando parte de su tiempo para ayudarme.

    Yo debo estar entre los miles que agradecemos su contribución y tiempo que dedica a muchas personas como yo a aprender y a resolver problemas, ya sea por esta vía o por la de su web de AyudaWP. Muchas gracias Fernando.

    Moderador Fernando Tellado

    (@fernandot)

    Sin poder ver más de las tripas de la web, tratando de adivinar otras posibles causas, se me ocurre que alguno de los ajustes de overlay de la primera sección de Elementor pueda tener algo que ver.

    Tengo varias tiendas con Astra, y webs con Elementor, pero en ninguna pasa eso, y por lo que veo es con Astra Pro, y solo te pasa en esa página, que hay ese elemento inicial, por eso apuesto por algún ajuste de ese primer elemento

    Iniciador del debate dluiso

    (@dluiso)

    @fernandot pudiera darte algún acceso a la tienda para que revises por ti mismo, no tengo problema alguno en darle acceso a usted, si considera que pudiera tener una idea más completa de como encontrar el problema por esa vía, me facilita alguna alternativa de comunicación más privada para ponernos de acuerdo de como haríamos y así pueda ver desde adentro lo que pueda estar causando ese problema… porque la verdad no sé que más hacer, no encuentro la causa.

    Muchas gracias de antemano por su tiempo

    Moderador Fernando Tellado

    (@fernandot)

    @dluiso Lo siento, pero el soporte entre usuarios no permite otra vía de soporte que el usuario facilite información públicamente, no podemos usarlo para soporte privado lo siento

    Iniciador del debate dluiso

    (@dluiso)

    @fernandot No lo sabía disculpa, entonces que otra alternativa puedo usar para brindarte info necesaria para que puedas tener una idea más completa de por donde le entra el agua al coco en este detalle que intentamos resolver?

    Moderador Fernando Tellado

    (@fernandot)

    Pues ayudaría saber … 

    – Plugins activos
    – Códigos personalizados activos y para qué
    – Scripts adicionales (FB, analytics, hotjar, etc)
    – Personalizaciones del tema
    – Una captura de cómo está configurado en Elementor el primer elemento de portada

    Iniciador del debate dluiso

    (@dluiso)

    @fernandot perfecto, me pongo manos a la obra para recopilarte toda esa info y te la dejo acá en cuanto la termine. Gracias

    Iniciador del debate dluiso

    (@dluiso)

    Saludos @fernandot atendiendo a tu pedido acá te dejo los datos que me pediste (solo que no tuve el cuidado de crear líneas comentadas a la hora de colocar ciertos códigos CSS personalizados, por ello ahora no puedo definirte para que es cada uno de ellos, pero no obstante yo los quite por un momento y tampoco funcionaba lo del carrito)

    Un detalle que me percaté hace un momento. Me da la impresión de que en la portada no muestra información la lista porque de alguna manera está vacía, es decir, como que no contempla valor alguno para mostrar de ningún tipo, por eso puede que no está cargando nada ahí, algo muy raro, pero no se me dio esa impresión.

    Aquí va el listado de cosas.

    WordPress versión 5.6.1
    Tema actual: Astra 3.0.2
    PHP versión 7.4.15

    Lista de Plugins Activos:

    AJAX Search for WooCommerce (Premium) -Version:1.8.1- Damian Góra
    All-in-One WP Migration -Version:7.36- ServMask
    All-in-One WP Migration Google Drive Extension -Version:2.61- ServMask
    All-in-One WP Migration Unlimited Extension -Version:2.36- ServMask
    Allow Webp Image -Version:1.0.0- Top Infosoft
    Astra Pro -Version:3.0.1- Brainstorm Force
    Astra Widgets -Version:1.2.7- Brainstorm Force
    CartFlows -Version:1.6.6- CartFlows Inc
    CartFlows Pro -Version:1.6.3- CartFlows Inc
    Chaty -Version:2.7.4- Premio
    Elementor -Version:3.1.1- Elementor.com
    Elementor – Header, Footer & Blocks -Version:1.5.6- Brainstorm Force, Nikhil Chavan
    Elementor Pro -Version:3.1.0- Elementor.com
    Facebook for WooCommerce -Version:2.2.0- Facebook
    GDPR Cookie Consent -Version:2.3.0- WebToffee
    iThemes Security -Version:7.9.0- iThemes
    LoginPress – Customizing the WordPress Login -Version:1.5.0- WPBrigade
    Phone Validator for WooCommerce -Version:1.3.0- Precious Omonzejele (CodeXplorer 🤾🏽‍♂️🥞🦜🤡)
    Query Monitor -Version:3.6.7- John Blackbourn (Este esta instalado momentáneamente solo para ver que puede estar mal a nivel de código o ejecución.)
    Rank Math SEO -Version:1.0.57.1- Rank Math
    Rank Math SEO PRO -Version:2.1.1.1- Rank Math
    reSmush.it Image Optimizer -Version:0.3.11- reSmush.it
    Send email to customer on cancelled order in WooCommerce -Version:1.1- Laura Díaz
    Site Kit by Google -Version:1.25.0- Google
    Ultimate Addons for Elementor -Version:1.29.0- Brainstorm Force
    WC Cancel Order -Version:3.0- Vikram S
    WooCommerce -Version:5.0.0- Automattic
    WooCommerce Admin -Version:2.0.1- WooCommerce
    WooCommerce Cart Abandonment Recovery -Version:1.2.9- CartFlows Inc
    WooCommerce Custom Product Designer -Version:4.4.2- tshirtecommerce.com
    WooCommerce Dynamic Pricing & Discounts -Version:2.3.9- RightPress
    WooCommerce Order Status Manager -Version:1.13.1- SkyVerge
    WooCommerce Pay for Payment -Version:2.0.17- Karolína Vyskočilová
    WooCommerce PayPal Checkout Gateway -Version:2.1.1- WooCommerce
    Woocommerce Product Page Social Share -Version:2.0.2- Sajjad Hossain Sagor
    WOOF – WooCommerce Products Filter -Version:2.2.4- realmag777
    WooMail – WooCommerce Email Customizer -Version:3.0.34- CidCode
    WP Dashboard Notes -Version:1.0.10- Jeroen Sormani
    WP Override Translations -Version:1.2.0- Vincenzo Luongo
    WP Rocket -Version:3.8.5- WP Media
    WP Rocket | Disable Google Font Optimization -Version:- WP Rocket Support Team
    WP WC User Registration -Version:1.0.7- CodeIncept
    YITH WooCommerce Checkout Manager -Version:1.4.5- YITH
    YITH WooCommerce Customize My Account Page -Version:3.0.4- YITH
    YITH WooCommerce Wishlist Premium -Version:3.0.18- YITH

    ************
    Cód CSS que he colocado en el CSS adicional desde el Personalizador de la plantilla (disculpa el reguero, no tuve el tacto de comentarlo cuando lo iba colocando)
    ************

    @media (min-width: 922px)
    .ast-theme-transparent-header .ast-above-header {
        background-color: #000000 !important;
    }
    .main-header-bar {
        padding: 0 0 0 0;
    }
    .ast-above-header-section .user-select a, .ast-above-header-section .widget a {
        color: #ffffff;
    }
    #cookie-notice .cn-button {
         background-color: #765300;
    }
    .woocommerce span.onsale, .wc-block-grid__product .wc-block-grid__product-onsale {
        background-color: #42040F;
        color: #ffffff;
    }
    .ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-1 .ast-above-header-section-1 {
        display: none;
    }
    .astra-search-icon::before {
        color: white;	
    }
    .ast-header-break-point .ast-above-header-section .user-select a, .ast-header-break-point .ast-above-header-section .widget a {
        color: #ffffff;
    }
    .cart_totals p.woocommerce-shipping-destination {
    display:none;
    }
    a.shipping-calculator-button {
    	display:none;
    }
    .cli-tab-footer .cli-btn {
        background-color: rgb(118, 83, 0);
    }
    .one_widget.chaty-widget:not(.chaty-widget-is-right) .chaty-widget-i:not(.no-tooltip) .chaty-widget-i-title {
        display: none;
    }
    
    .chaty-widget.one_widget .chaty-widget-i:not(.no-tooltip)::before {
        display: none;
    }
    .fa-user:before {
         font-size: large;
    }
    .ast-site-header-cart .ast-woo-header-cart-info-wrap {
        font-size: small;
    }

    ************
    Estos codigos están puestos desde el apartado de Diseños personalizados de AStra. Los relativos a Facebook Pixel los maneja el Plugin de Facebook de Woocommerce.

    ************
    Google Analytics
    ************

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-H21RGP5EPJ"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      
    	gtag('config', 'UA-xxxxxx');
      gtag('config', 'G-xxxxxx');
    </script>

    ************
    Google Tag Manager (Header)
    ************

    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-xxxxx');</script>
    <!-- End Google Tag Manager -->

    ************
    Google Tag Manager (Body)
    ************

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-xxxxx"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    ************
    Conf. de Elementor (no estoy claro si era a esto a lo que te referías), si es otra captura en alguna otra parte me lo haces saber.
    ************
    elementor-ajustes

    ************

    Si me ha faltado alguna otra información que darte me lo haces saber, disculpa las molestias causadas.

    De antemano muy agradecido por tomarse tiempo en ayudarme.

    • Esta respuesta fue modificada hace 2 meses por dluiso. Razón: olvide colocar el código css
    • Esta respuesta fue modificada hace 2 meses por dluiso.
    Moderador Fernando Tellado

    (@fernandot)

    Aparte de plugins redundantes e innecesarios, no veo nada que interfiera a priori en el problema del carrito, así que debe ser un ajuste de configuración de la primera sección de la portada en Elementor, que hace que se superponga sobre la info del widget del carrito de Astra en portada.

    Prueba a quitar (o comentar) este CSS

    .ast-header-break-point .ast-above-header-section-separated.ast-above-header-mobile-stack .ast-above-header-1 .ast-above-header-section-1 {
        display: none;
    }

    Sino habría que ver cómo tienes configurado ese primer elemento de la portada

    Iniciador del debate dluiso

    (@dluiso)

    Estimado @fernandot acabo de dar con el problema, hoy con cabeza más fría me puse a leer todo lo que usted me ha escrito y me percaté que no le había mandado nada del archivo functions.php del child theme, y Wala, el único código que tenía ahí era precisamente lo que me estaba afectando que se mostrara esa información en el carrito, eso lo había puesto haciendo un intento de optimización de los elementos Ajax de Woocommerce para mejorar el WPO que demoraba un poco en cargar la home.

    Intentando mejorar u optimizar lo siguiente que se toma para cargar más de 1sg

    https://bodegaloscorzos.es/?wc-ajax=get_refreshed_fragments

    ***
    El código que tenía en el functions.php es el siguiente (ya está eliminado)

    /** Desactiva llamadas de Fragmentos de Ajax en WooCommerce en portada de la web */
    add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_cart_fragments', 11); 
    function dequeue_woocommerce_cart_fragments() { if (is_front_page()) wp_dequeue_script('wc-cart-fragments'); } 

    Le agradezco muchísimo todo el tiempo que se ha tomado para ayudarme, gracias a usted pude darme cuenta de dónde tenía el problema, pues la verdad había olvidado que había puesto ese código ahí, ya que inicialmente no me percaté de ese error al colocarlo, no revisé en ese entonces el comportamiento del listado del carrito en la portada. Fallo de mi parte inmenso. Lamento mucho haberle ocasionado alguna que otra molestia. Le estoy muy agradecido.

    PD: En el último mensaje usted me comenta que tengo Plugins Redundantes e innecesarios, sería mucho pedir, que me mencionara cuáles son y que puedo hacer con ellos, para ver si puedo eliminarlos y así de esa manera optimizar mejor la web?

    Muchas gracias

    • Esta respuesta fue modificada hace 2 meses por dluiso. Razón: adicionando la linea que intentaba mejorar del wpo
    Moderador Fernando Tellado

    (@fernandot)

    Me alegro, siempre hay algún código dando la nota 😀

    En cuanto a lo de plugins redundantes/innecesarios… 

    – Todos los All in one migration no tienen que estar activos siempre, solo cuando se necesiten.
    – WooCommerce Admin (ya incorporado en WooCommerce hace varias versiones)

    Iniciador del debate dluiso

    (@dluiso)

    Pues así es, a veces uno se toma muy en serio (porque creo que así debe ser), lo del WPO, pero creo que en esta se me fue la mano 🙂

    Me pondré en función de quitar esos plugins que me recomienda, porque la verdad tiene usted razón, el All in one no tiene el porque estar activo (aunque lo tenía más bien porque hacía copias para prevenir cualquier dedo mal metido poder restaurar de inmediato la web), pero ya lo desactivo.

    Lo que no sabía era lo del WooCommerce Admin, lo elimino de inmediato.

    Muchas gracias Estimado @fernandot que sería de la comunidad de WP en Español y de todos nosotros sin personas como usted dispuestas a ayudar y a colaborar. WP es mucho más grande y genial gracias a ustedes.

    Muchas, muchas gracias.

Viendo 15 respuestas - de la 1 a la 15 (de un total de 15)
  • Debes estar registrado para responder a este debate.