Jump to content

Two List Items Move As Single Entity On Arrow Click

Recommended Posts

My client requires an image with text beside it (split layout style) but in a carousel so that the site visitors can see the image and read the related text, then scroll to the next image and see that image's text.  There will be many images/text blocks as this is an artist site and each image has a story.

I can achieve this with a list layout where the content is formed of alternating image and text items.  My issue is that when scrolling I need the image/text block to move as one entity.  So essentially one click moves the visitor two list items forward seamlessly and each image and text stay together.

I found this blog post which is exactly what's needed, but it doesn't seem to fully include all code that is needed and I'm not experienced enough in code to fill in the missing pieces.

I'd appreciate any assistance on this.

https://www.pixelhaze.academy/blog/how-to-make-2-squarespace-list-items-move-as-a-single-entity

Image and Text Together.png

Edited by SodaCreekDigital
added image
Link to comment
  • Replies 0
  • Views 990
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.