Jump to content

How do you make a read more button?

Recommended Posts

So I want to collapse a pretty long text to just a few lines, and uncollapsing(?) it when you click a button. I have tried with code I found online like here:

It worked, but just with one text, if I used it in another one the buttons would just affect the first text. So what I'm asking is how could I collapse more than one text using a read more button? Preferably without using JS since I don't have that plan.

Link to comment
6 hours ago, mattias_sigurdsson said:

So I want to collapse a pretty long text to just a few lines, and uncollapsing(?) it when you click a button. I have tried with code I found online like here:

It worked, but just with one text, if I used it in another one the buttons would just affect the first text. So what I'm asking is how could I collapse more than one text using a read more button? Preferably without using JS since I don't have that plan.

Regarding the toggling read less, read more, I posted a free share in the following thread

Hope that it can help you

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 2 weeks later...
22 minutes ago, mattias_sigurdsson said:

So... To my understanding there is no way to make several texts collapsable? Each of them unfolding and collapsing separately, by clicking a "read more" and "read less" button?

I would have to write an introduction text on the original page and put the rest of the page on another page, and offer a "read more" button to get there. And a "get back"-button to get back to the original page. The ideal would be to have a text that fold an unfold on the very page that you are at. Doesn´t seem to be an option?

Mattias

It seems that you mentioned about something like Blog Page

We have an original page that summary all contents. Each content has a shortly description. By clicking read more button, site directs you to full content page of blog.

Kindly reference about blog by following link: https://support.squarespace.com/hc/en-us/articles/206543727-Blogging-with-Squarespace

Hope it makes sense

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

I have looked at it with my son. To our understanding this is not a collapsable text, but rather a button that takes the reader to another page. And then, if they want to go on reading on the first page, they have to get back. Right?

It´s very similar to what I´m asking for, but it would be better not to have to send the reader to another page. A truly collapsable text, that is. Why? Because if they stay on the same page they don´t lose the context. They don´t have to get back, because they never leave it.

Do you see the difference?

It seems that that option does not exist, then?

Best regards

Mattias

Link to comment
3 minutes ago, mattias_sigurdsson said:

I have looked at it with my son. To our understanding this is not a collapsable text, but rather a button that takes the reader to another page. And then, if they want to go on reading on the first page, they have to get back. Right?

It´s very similar to what I´m asking for, but it would be better not to have to send the reader to another page. A truly collapsable text, that is. Why? Because if they stay on the same page they don´t lose the context. They don´t have to get back, because they never leave it.

Do you see the difference?

It seems that that option does not exist, then?

Best regards

Mattias

Yes, with the Blog Page, we will direct clients to another page.

Regarding the collapsing text, this is the demo result if you implement the codes in my post

 Does it match to your requirement?

My solution post: 

 

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
6 hours ago, mattias_sigurdsson said:

Yes, and that is perfect, that is exactly what I want to do!

Just one question remains: can I do that with several texts on the same page? That would mean, in your example, that also the "Build it" and "Grow it" texts would be expandable/collapsable.

Thank you for your patience!

Mattias

Sure,

You can follow steps on my post to implement it

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Rock you

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Hi, it's the son here. I followed the the post but it wont work. The "Read More" button is highlighted, but the rest of the text doesn't collapse and the button doesn't react in any way. I have seen some other posts mentioning including the readmore.js plugin, is this required for it to work? If not, what other thing may I be doing wrong?

Thanks for the quick answers!

Emil

Link to comment
8 hours ago, mattias_sigurdsson said:

Hi, it's the son here. I followed the the post but it wont work. The "Read More" button is highlighted, but the rest of the text doesn't collapse and the button doesn't react in any way. I have seen some other posts mentioning including the readmore.js plugin, is this required for it to work? If not, what other thing may I be doing wrong?

Thanks for the quick answers!

Emil

Can you share your site with the protected password so we can take a look?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, 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.