Product tab / slider detail view

Design help Custom code
#1

How would I go about creating a slider with images that pop up for product image details like below example ?

http://store.hp.com/UKStore/Merch/Product.aspx?id=P0T70EA&opt=ABU&sel=NTB&jumpID=ps_xeuz482n9f/sf:sku:P0T70EA&k_clickid=EMEA%7C_kenshoo_clickid&kpid=P0T70EA&gclid=CO3Sq5L–M8CFVMW0wodvAEAtg&gclsrc=aw.ds&dclid=CP7jl5P–M8CFfKL7Qod1GgGSw

#2

Hi @Tania_Fauvel Welcome to the community.

I would suggest using the Webflow tabs component and adding in custom code to enable something like this:
http://www.jacklmoore.com/zoom/

Hope this helps :slight_smile:

#3

Hi there.

Zoom function is not what I’m looking for, although its useful. Would be good to understand where to insert the code on Webflow, as I’m not a coder.

I have the tab system working already. What I’m after is the slider function on either end of the tab.

KR
Tania

#4

Hi @Tania_Fauvel,

When you say “What I’m after is the slider function on either end of the tab.”, I am not exactly clear what you are referring to in the example slider page.

I see individual sliders on the left on the example page, and then some elements not part of the slider with some additional information that opens some tool tips.

Could you post a screenshot from the example page, that zero’s in on the elements you are trying to recreate?

Thanks in advance!

#5