SOLVED: 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:

1 Like

Hi guys,

We’ve fixed this issue in Bricks 1.10.2, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

You can see the full changelog here: Bricks 1.10.2 Changelog – Bricks

Best regards,
M

1 Like

this just suit for action “show element”,

when i use start animation to open popup, still will appear this bug,
how can i solve it

Hey @timchen,

can you show me your popup settings, so I can try to replicate it the same as you have it? Also, what elements do you have on the popup?

I think it would be best if you could record a video, going trough all steps and showing the issue.

Thanks,
M

just change "show element " to “start animation”.

the content inside popup

the popup set
Snipaste_2024-09-03_00-04-24

the popup show on frontpage

if remove the popup set for ajax and woo, the popup will show normal, but once click ajax pagination, the popup will appear issue like this post

Hmm, what’s the Bricks version you have? If you don’t have the latest one, can you try the latest one?

latest version.

if select “show element”, that will work well, but the transition is abrupt.
so i choose “start animation”, that triggered the error

Since I can’t replicate the issue, can you send temporary login credentials to your test/staging website and a link to this thread to help@bricksbuilder.io using the email address you used during the purchase, so we can take a look?

And a link to a page, where I can test this. :slight_smile:

Thank you!

Hi guys,

We’ve fixed this issue in Bricks 1.11 BETA, now available as a manual download (Bricks – Account)

Please let us know if you are still experiencing issues.

You can see the full changelog here: Bricks 1.11 Changelog – Bricks

As with any beta release, please do not use it on a production/live website. It is only meant for testing in a local or staging environment.

Best regards,
Matej