I am trying to: use the product image slider option in the Astra Pro woocommerce add-on in my single product page content template.
Link to a page where the issue can be seen: hidden link
I expected to see: one large product image with thumbnails of every product image in the gallery below.
Instead, I got: Only the first featured product image shows big on the page. There are no thumbnails under the big main image like there should be.
I have been testing for various conflicts trying to figure out what's going on. Astra Pro has three different styles of product image gallery available for woocommerce, but only the default one works as expected. The other two "slider" options only show the main image and none of the thumbnails. This happens whether the image block in my content template is set to the Toolset output or the Woocommerce output.
I have deactivated every plugin except Astra Pro, Toolset Types, Blocks, Woocommerce Blocks, and Woocommerce. I have also tested and get the same result whether I'm using the base Astra theme or my Astra child theme.
The gallery thumbs show when woocommerce blocks is deactivated, and they don't show when woocommerce blocks is active.
Info for staging site included so you can make whatever changes. As a side note, I'd love to see my login/sftp details saved to my user profile so I don't have to reenter them for every support ticket.
Thank you for contacting us and I'd be happy to assist.
I noticed the Astra theme offers a 'Gallery Layout' option at WP Admin -> Appearance -> Customize -> WooCommerce -> Single Product.
( screenshot: hidden link )
I changed it from 'Horizontal Slider' to 'First Image Large' and the product image thumbnails are showing now.
( screenshot: hidden link )
As for the side not, there is no feature available to permanently store the website's access details with a user profile. But, I'll pass on this suggestion internally.
Yes as I noted, the thumbnails on the default one (First Image Large) show up fine. But there are supposed to be thumbnails on all three gallery options, including vertical slider and horizontal slider. These thumbnails do not show up on the page when toolset woocommerce blocks is active but when I deactivate that plugin, the thumbnails show up on the vertical slider and horizontal slider options as they are supposed to. I want to use the horizontal slider setting on my website but need the thumbnails to show up like they are supposed to. In my initial post I upload a screenshot of the same product page, one with toolset woocommerce blocks active and one with it deactivated and you can see the thumbnails are only there when it's deactivated.
Thanks for checking in and it is still being worked on.
During troubleshooting, we've discovered that if Astra's horizontal slider option is selected and the 'WooCommerce' add-on from the Astra Pro settings is disabled, the slider continues to work in the same style with the thumbnails also showing.
But, of course, this temporary workaround will work only for someone who is not using other elements from this 'WooCommerce' add-on.
In any case, I'll keep you updated on the progress.
Thank you, I hope it can be fixed so all the gallery options will work. I am using the woocommerce add-on to hide unnecessary/duplicate elements on my shop pages that I am already adding through my toolset archive.
I'm wondering if there has been any work looking into this? It's still an issue and I haven't been able to find any workaround. So, the gallery on my product pages still doesn't work right.
I do use other parts of the Astra Woocommerce add-on so I can't disable it. But, that suggested workaround of disabling Astra's Woocommerce add-on doesn't actually work anyway--the "horizontal slider" option is *part* of Astra's Woocommerce add-on. Deactivating the add-on just reverts to the default woocommerce built-in gallery.
If I understand the problem, when using Toolset to create a custom template for single products, the gallery thumbnails disappear when the Astra Pro plugin is active.
There isn't an update from the developers, so I took a closer look at this. I was able to solve that particular problem by adding the following to my theme's functions.php (or it should work as a snippet added at Toolset > Settings > Custom Code):
That snippet did make it so the default gallery option works properly now (before the flexslider wasn't initializing properly on any setting). Interestingly, the Astra customizer settings still override my settings for the image block on my content template (i.e. the customizer won't let me select more than 4 thumbnails--and that's what shows on the front end--but I have it set in the content template to have 5 on desktop. I've asked Astra about that as well.
After some more digging what seems to be happening is: the Astra Pro plugin includes alternate options for the woocommerce gallery that are created as php templates and are meant to override the default templates in woocommerce the same way as if I added a template override to my child theme. I would have expected that when I have the content template product image block set to "Woocommerce Native Output" that any files meant to override the woocommerce template php files would work. But it doesn't, and what ends up on the front end of the page is neither the full woocommerce default gallery without any customization, nor the astra override template.
If your original issue is fixed, I request you to close this ticket and open a new ticket with every new question you may have. This will help other users searching on the forum as well as help us to write correct problem resolution summery.
