Jump to content

How to make Thumbnails that Unfold content

Recommended Posts

Hi,

I'm using version 7.1 and trying to see if I can add a grid of thumbnails that the user can click on each one and unfold more content under it, like text and video.

The closest thing I found is the Projects page but clicking on each thumbnail navigates to another page instead of unfolding content on the same page. 

Link to comment
  • Replies 4
  • Views 571
  • Created
  • Last Reply
On 1/12/2021 at 4:00 AM, tuanphan said:

Click on thumbnai. it jump down to section under?

Click on thumbnail, it shows lightbox content?

..

Can you describe in detail?

Hi tuanphan,

I mean sections that Expand and Collapse content like this:
https://open.berkeley.edu/guides/site-builders-guide/edit-html-page/expandcollapse-content

Only  instead of text it would be a photo for the expand/collapse button. Do you know if there is any such component in squarespace?

Link to comment
On 1/17/2021 at 11:55 PM, 3Dalchemy said:

Hi tuanphan,

I mean sections that Expand and Collapse content like this:
https://open.berkeley.edu/guides/site-builders-guide/edit-html-page/expandcollapse-content

Only  instead of text it would be a photo for the expand/collapse button. Do you know if there is any such component in squarespace?

You can use the Accordion Tab Plugin.

If you don't want to use plugin, let me know. I will send some other code to achieve this.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

This expand/collapse is styled really nice + minimal. Also formats nicely for mobile to house text-heavy content in an accordion -- https://www.squareaddons.com/shop-2/p/content-accordion

If you are looking for a way to add Anchor Links, Gallery Blocks, or a Rotating Banner with Content Blocks overlaid in Squarespace 7.1, you can find all these plugins in our Squarespace add-on store here: www.Squareaddons.com -- Enjoy! 

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.