FULL SECTION CAROUSEL WITH LINKED BUTTONS

Hiya Squarespace Community!

Hoping to get some assistance on what I believe is a custom CSS situation. 

I have a client who is looking to be able to do a FULL SECTION CAROUSEL. I am not sure if that is what it is even called - but what I mean is that he wants one section, with buttons, that one then clicks and that section changes to what is specifically linked to that button. 

Funnily enough this effect is on the Elementor website. I have attached the image of the specific section of the effect we are trying to recreate. 

Any one have luck with something like this with using only CSS coding or some sort of purchasable plugin?? 

Hi,

You mean clicking text on left (Portfolio CV, Creative, eCommerce) will change image on right?

Hiya @tuanphan! YES EXACTLY! I have been working so hard to try to figure this out but haven't gotten any further :( 

On 10/25/2023 at 7:14 AM, VIRGO818 said:

Hiya @tuanphan! YES EXACTLY! I have been working so hard to try to figure this out but haven't gotten any further 😞

I think we can achieve this with Text Block, Summary Block (or Gallery Block) + Script code

First, on left side, you add a Text Block with 8 hyperlinks (same as screenshot)

Next, on right side, you add a Summary Block with 8 items (Choose Stacked layout) or Gallery Block (Choose Grid layout)

Next, share link to page where you added them, I will give code to

• First, use CSS code to hide all other 7 items
• Next, use JavaScript code, when hover corresponding items on left >> Show corresponding image on right