WIP: WooCommerce Product Gallery doesn't work in (Ajax) Popup

Browser: Chrome 110
OS:
URL: Shop – FID Racing (skipdns.link)
Video: Jam

I created a quick view button in products page. The issues with it:

  1. With “fetch content via AJAX” turned on, products gallery in popup will not show

  2. With “fetch content via AJAX” turned off, products gallery will show, but the thumbnails slider doesn’t work. Clicking the thumbnails doesn’t shift picture.

  3. Product Gallery in Quick View Popup will be blank when the products are loaded through load more, infinite scroll or filter. It works via products pagination elmement

Another question is about the variation product in the quick view popup. It showed “select options”. Is there a way to show the options just like in the product page? So the customer doesn’t need to open the product page to finish the add to cart action.

Appreciate help

Hi,
Thanks so much for your report!

  1. I reproduced the issue and added it to our bug tracker.
  2. You must add arrow to slide the thumbs.
  3. Looks like it’s the same issue as 1.

Best regards,
timmse

Another issue report in the shop page (which I’ve told Jenn). The some of the changes made in quick view popup template would not sync immediately in the shop page. I have to re-assign the popup template in the “template” element and “save” to see the change.
微信截图_20240401155203

This is my first project in Bricks. I am getting familiar. I compared the output in the browse with my other projects. It has less requests and small page size. It also endows much better design flexibility for project. The best one :+1::+1::+1:

Hi Timmse,

I just installed the beta 1.9.8. The issue seems to remain. Will it be addressed in the final version?

Best Regards,

Rhett

As I will launch the site very soon, I have to turn to pagination function for now. I found the issue persists even when I turned on ajax function on pagination element. So gallery layout is messed as long as ajax is active. Hope this could be solved in the new release.

Hey, unfortunately I can’t say yet. We don’t have a fix for it yet, so it’s not included in the beta. As soon as it’s implemented, I’ll let you know here :slight_smile: