Lista de productos del carrito de compra del menú no se muestra
-
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
Alguna sugerencia?
Gracias
-
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.
Saludos Fernando, muchas gracias por contestar, juraría que había puesto la url, lo siento, la dejo acá.
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.
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?
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.
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
@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
@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
@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?
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@fernandot perfecto, me pongo manos a la obra para recopilarte toda esa info y te la dejo acá en cuanto la termine. Gracias
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.15Lista 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.
************
************
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.
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
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 3 años, 12 meses por
dluiso. Razón: adicionando la linea que intentaba mejorar del wpo
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)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.
-
Esta respuesta fue modificada hace 3 años, 12 meses por
- El debate ‘Lista de productos del carrito de compra del menú no se muestra’ está cerrado a nuevas respuestas.