open jet popup within woodmart listing item
-
Hello
We are creating a website with woodmart based on the old website that is built with Elementor and Crocoblock.
In the old website in each Jet product listing item there is a button that opens a dynamic popup with description, images and a form with product details – all information is pulled from the product page.
Now we would like to add this button in the Product loop item layout in woodmart. I created the loop item with the button but it is not pulling the information about each product because the grid is not Jet engine listing grid.
How can I make it work?
Attachments:
You must be
logged in to view attached files.
Hello,
Thanks for reaching out.
JetPopup’s dynamic content in Crocoblock works because each item is rendered inside a JetEngine Listing Grid, which provides the product context to the popup. WoodMart’s Products element and the Product loop item layout don’t use JetEngine listings, so JetPopup can’t “see” the current product and won’t pull product-specific fields out of the box.
If your goal is a per‑product popup with images/details without leaving the page, we recommend using WoodMart’s built‑in Quick View:
– Edit your Product loop item layout and add the “Product quick view” element/button to the card.
– This opens a per‑product lightbox with the product information and add to cart right from the grid.
If you must use JetPopup with per‑product dynamic fields, it would require a custom integration to pass the current product ID/context to JetPopup from each loop item (typically via custom attributes/JS). This customization falls outside our theme support scope. In that case, please check with Crocoblock support for a way to trigger their popup with a passed product ID when used in third‑party product loops.
Best Regards.
Hi
thank you for your reply
Attachments:
You must be
logged in to view attached files.
Hello,
When you click the Quick View icon, it should open a popup like this:
https://postimg.cc/jwC0YSpG
If it redirects to the product page instead, please share your WP-Admin login details so we can check why the Quick View functionality is not working on your site.
Regarding adding a custom form with additional fields, there is no built-in option in the theme to add custom fields to the Quick View popup.
If you would like to customize the Quick View, it would require code customization. You can check the following theme file as a starting point:
wp-content/themes/woodmart/inc/integrations/woocommerce/modules/quick-view.php
Best Regards
Hi
We found a workaround to it.
I have another question
In WoodMart → Theme Settings → Product Archive
AJAX Shop is enabled but it reload the page when we filter as a visitor
https://dev.pillbox.co.il/product-category/complementary/?shop_view=grid&per_row=4
Hello,
Please deactivate all plugins except the essential ones:
– WoodMart Core
– WooCommerce
– Elementor
If the issue disappears, reactivate the others one by one to find the conflict.
If it persists with everything else off, please share your admin credentials in the Private content field and confirm we may temporarily deactivate plugins and switch themes for testing (15 to 20 minutes). Please back up your site before granting access.
Best Regards,
Hello,
I noticed that you are using an Elementor Pro Product Archive template together with the WoodMart archive Layout.
Please temporarily deactivate Elementor Pro and check whether the AJAX filters work correctly.
This will help determine whether the Product Archive template created with Elementor Pro is interfering with the WoodMart AJAX Shop functionality.
Please let us know the result after testing.
Best Regards.
.
