Jump to content

Add a button "Less more"

Recommended Posts

Hello,

 

I would like a code for introduce "Read more" button on my pages Squarespace web site.

 

Same as this page https://www.themarque.com/profiles for example

See attachement.

 

When user clic on "Read More", the rest of the content unfolds and the visitor remains on the same page. Which allows more content to be displayed if the user wishes.

 

The fonction no exist on SquareSpace bulder.

 

Someone know a code for this ?

A code where I can add the button "Read more" on my page squarespace (in my block for exemple) with possibility to change button background color, button text color and the content of the text that is displayed when the button is clicked.

 

If a code exist I'm interested.

And if a developer can create this code for me I'm interested too.

 

Thank you

Rémi

 

 

Capture d’écran du 2024-02-28 10-23-29.png

Link to comment

We can achieve this with some custom code. But first you need to share link to page where you want to achieve this, we can check & test code easier.

My ideal, add some initial items + a button with name Load More

Add a section under Load More

Use CSS code to hide this section

Use JS code, when users click on Load More >> Show hided section + hide button Load More

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
  • 2 weeks later...
On 2/28/2024 at 10:51 AM, Gouzy said:

I would like a code for introduce "Read more" button on my pages Squarespace web site.

Depending on what content you are looking to load, you could try this plugin.

This works on Summary Blocks, it allows you to have a "load more" button. 

https://www.squarewebsites.org/squarespace-plugins/p/lazy-summaries

See if this does what you are looking for? In terms of customising the button, it'll have to be done with code. 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (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.