Jump to content

Alternatives to long accordions

Go to solution Solved by paul2009,

Recommended Posts

Hi there,


I have to build some type of accordion for about 40 entries (zipcodes) and each entry has quiet a lot of text going into it (it's to list locations retailing a particular product within a zipcode). Problem is: it's too long and stretches the length of the page too much.

Is there an alternative? If I use two columns then it messes up the order of the entries in the mobile version so it's not great. 

I was thinking of some kind of combobox which isn't the most appealing, but it would only show one dropbox button, and once you select an entry, its content would show under which would solve the main issue. No idea how to build that though.

How would you display something like that? 

Link to comment

A screenshot and a link to the page may help to give us some context 🙂

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
5 hours ago, paul2009 said:

A screenshot and a link to the page may help to give us some context 🙂

I haven't done it yet so it won't give any context sorry. I can give you a link to what's on the old website though, so you have an idea of what I'm trying to reproduce (at the bottom, but the new version will have more content than that) in a more elegant way:

http://www.stephane-tissot.com/ou-trouver-nos-vins.htm

Link to comment
  • Solution
11 hours ago, Thehopman said:

I can give you a link to what's on the old website though, so you have an idea of what I'm trying to reproduce

image.gif.8507be101947153318566ee2efc27328.gif

If I were going to do this, I'd use the Universal Filter plugin. It's a paid plugin but it massively simplifies how this can be achieved. Each location can be created as a blog post and then the filter can be used to decide which locations to show.

With an Advanced Map Block these same locations could also be shown on an interactive map.

Did this help? Please give feedback by clicking an icon below  ⬇️

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
3 hours ago, paul2009 said:

If I were going to do this, I'd use the Universal Filter plugin. It's a paid plugin but it massively simplifies how this can be achieved. Each location can be created as a blog post and then the filter can be used to decide which locations to show.

With an Advanced Map Block these same locations could also be shown on an interactive map.

Did this help? Please give feedback by clicking an icon below  ⬇️

Thanks that's great inputs, I didn't know about the interactive map block option!

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.