How to add dynamic image tabs to product page?

[BellaRay]

Hi, 

I'm looking to add a new section to my product page on my store's website. I want to be able to display images that change when a 'tab' is selected. For example, if the user selects 'Tab A' it will show image A and if the user selects 'Tab B' it will show image B. 

Similar to Image with Text but more dynamic with different tabs. Please see example image below. 

Any help would be greatly appreciated!

Regards,

BellaRay

[niraj_patel]

Hello @BellaRay Its a custom request and possible by create a section via Liquid+javascript+
css+schema so once a tab change content inside the tab will change on page. 

[aldy-expatify]

Hi @BellaRay it requires custom code to do that. Are you familiar with the code? If so, the concept is using a block in the section. You can create each tab as a block in the section.

If you need some help, do not hesitate to contact me by direct message.

[Sweet_Savior_3]

Hello @BellaRay 

Welcome to Shopify Community.

So as per your need this needs to be custom hard coded on the product page, also it can be made in a way that you can show unique photos for each products and tabs using metafields. You can seek help of a developer at reasonable cost to set this up in your store.

Let me know if you need one.

Thanks