Show image thumbnails (triggered by attributes or such) on single product page
Hi,
What's the best way to add certificate thumbnails to product page as they depend a lot on the particular product? I think it could be the easiest to create a new Attribute and associate an image with each attribute value. I assume there is no way to do it within BeTheme but has anyone seen a plugin that could do it?
I want to achieve something like this:
Comments
Hi,
You can use the ACF plugin for that and add dynamic data with images to the product template.
If a product does not have your custom field assigned to it, it simply does not appear on the product page.
Best regards
Wow thanks. This seems like exactly what I’d need. Is it possible to add several certificate icons in a row with this method?
If you create multiple custom fields, you can easily achieve that.
Best regards
Thanks.
Hey!
Could you answer one more question on this topic. Is there a shortcode to call the images from ACF fields? How is it usually used with BeTheme? I only found this guide that requires using php code. If that's the case, what's the most clever way to implement it with BeTheme on product page?
https://www.advancedcustomfields.com/resources/image/
You must use the same dynamic data as shown in my screenshots (with the appropriate field name) and how it is explained in the video tutorial.
Best regards
Hi!
I got it working nicely, thanks so much. I found that ACF is very useful for some specific product data triggering. Is there any chance to call up certain BeTheme wraps or sections with the help of ACF? It would be very useful to be able to call up a Global Wrap.
There is no option for that, but you can send us suggestions on the following topic:
https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest
We will take that into account.
Best regards
Hi!
I have again another question about this. I have such boxes appearing when there are no images to use on the particular page (no certificates for this product). Is there a way to hide them when no image is called up?
Please attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks
I do not see these boxes.
Do they appear on a particular product?
Best regards
This is weird! I can currently see them on all products, in Chrome it shows up like this:
In Safari on all products I can see like this:
Alright, that was the reason. I was checking that on Firefox.
On Chrome, I can see that.
What I think of is that you can put a transparent image 1 x 1px and upload it to use on products without a certificate.
Or you can try preparing some JS to hide images that do not have src.
Best regards
Got it. I will try doing one of these variants. I appreciate your suggestion.