Shopify Website Design Question

BellaRay
Visitor
1 0 0

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!

 

BellaRay_0-1710811847787.png

 

Regards,

 

BellaRay

Replies 3 (3)

techlyser_web
Shopify Partner
1423 268 282

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. 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

aldy-expatify
Shopify Partner
57 5 10

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.

If you like our solution, please like and mark it as a solution.
Don't hesitate to reach us for more Shopify solutions. Thanks 🙂
Website: Expatify Indonesia
Email: guru@expatify.co.id
Whatsapp: Whatsapp

Sweet_Savior_3
Shopify Partner
1070 88 96

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

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!