Jump to content

Custom Code to Condense Information in Sections

Recommended Posts

I'm designing a site currently and we have a lot of information to cover, I want to be able to use this style section as it seems to be the easiest way to get this information in, but I don't want the 'body' text to show at all times.

I would rather a 'see more' button/link or plus / arrow  that drops down like an accordion block would. 

I could use accordions with images, but then I wouldn't have the infinite scrolling across feature that I need (there are a lot of items i need to add).

Is there some custom code I could use to achieve this? 

Site is here: https://olinathecaravan.squarespace.com/see-do 

password is: jesleacreative

 

Thank you in advance!

Screen Shot 2022-11-30 at 1.13.26 pm.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

21 minutes ago, jesleacreative said:

I'm designing a site currently and we have a lot of information to cover, I want to be able to use this style section as it seems to be the easiest way to get this information in, but I don't want the 'body' text to show at all times.

I would rather a 'see more' button/link or plus / arrow  that drops down like an accordion block would. 

I could use accordions with images, but then I wouldn't have the infinite scrolling across feature that I need (there are a lot of items i need to add).

Is there some custom code I could use to achieve this? 

Site is here: https://olinathecaravan.squarespace.com/see-do 

password is: jesleacreative

 

Thank you in advance!

Screen Shot 2022-11-30 at 1.13.26 pm.png

I Think you can consider my solution on the following post:

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
1 hour ago, jesleacreative said:

Thanks , I've tried it but nothing happened, does it work within a section like this where the content has to but put in via the menu and not just a text box?

I can not see my code on your site. Have you added it yet?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
4 hours ago, jesleacreative said:

@Beyondspace I have added it to my site now, still not working at all 

Where do you want to apply this feature?

image.thumb.png.8400f13c7f6cdea58980448d0814c7c1.png

Is it on the following page or another one?

https://olinathecaravan.squarespace.com/see-do

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

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.