AJAX search doesn’t work in Elementor Popups
-
There appears to be a bug in at least the latest version of Elemntor (Pro) where the search form doesn’t work with AJAX when it is placed in a popup. I did check and I have “Seamless integration” enabled. I am using the Flexbox Container experiment from Elementor which might be
Plugin versions:
- Elementor 3.12.1
- Elementor Pro 3.12.2
- Advanced Woo Search Pro 2.77
It seems like the issue is because the popups don’t use the class
elementor-container
. Inadvanced-woo-search-pro/includes/modules/elementor-widget/class-elementor-aws-init.php
on line 246 when the popups are called, only children of elementor-container are checked for search containers. My workaround was to add the classelementor-container
in the popup to the column under the Advanced tab.For reference this is the CSS selector path to the search field:
html body.archive.search.search-results.post-type-archive.post-type-archive-product.logged-in.admin-bar.theme-shoptimizer.woocommerce-shop.woocommerce.woocommerce-page.woocommerce-js.woo-variation-swatches.wvs-behavior-blur-no-cross.wvs-theme-shoptimizer.wvs-show-label.wvs-tooltip.sticky-m.sticky-d.sticky-b.right-archives-sidebar.right-page-sidebar.wc-active.product-align-center.shop.left-woocommerce-sidebar.elementor-default.elementor-template-full-width.elementor-kit-45.elementor-page-559.customize-support.dialog-body.dialog-buttons-body.dialog-container.dialog-buttons-container.e--ua-firefox.dialog-lightbox-body.dialog-lightbox-container div#elementor-popup-modal-14062.dialog-widget.dialog-lightbox-widget.dialog-type-buttons.dialog-type-lightbox.elementor-popup-modal div.dialog-widget-content.dialog-lightbox-widget-content.animated div.dialog-message.dialog-lightbox-message div.elementor.elementor-14062.elementor-location-popup div.elementor-element.elementor-element-6f3227f.e-con-boxed.e-con.elementskit-parallax-multi-container div.e-con-inner div.elementor-element.elementor-element-8aeb9a2.elementor-widget.elementor-widget-aws div.elementor-widget-container div.aws-container form.aws-search-form.aws-show-clear div.aws-wrapper input#644170036a00c.aws-search-field
- The topic ‘AJAX search doesn’t work in Elementor Popups’ is closed to new replies.