Guest Posted November 6, 2019 Share Posted November 6, 2019 Hi, I would like to have the "additional info" for my product on my website to be shows as a menu that when you click on it, it will expand and show the extra information. It is not possible to do so with the built-in options in Squarespace so I was wondering if anyone has any ideas for how to do this. An example is shown here: Link to comment
SnazzyView Posted November 6, 2019 Share Posted November 6, 2019 @squarepaste sell a plugin that would achieve this, I have linked it below. https://www.squarepaste.com/shop/product-details-accordion/ Alternatively you could create your own accordion with the additional information section. Then write a script that would insert the accordion into the product details section of the product page. It’s definitely possible I did something similar on a website I worked on a few years ago. Link to comment
paul2009 Posted November 6, 2019 Share Posted November 6, 2019 As @ThompsonWebDesign says, this can be done easily with some JavaScript. A few questions: Is it just more text that you want to display, or something more complex? Do you need the information to be displayed beside the link or would it be ok if clicking the link took them further down the page to the Additional Information (full page width) section? The latter doesn’t require JS. 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
JessL Posted November 13, 2019 Share Posted November 13, 2019 On 11/7/2019 at 2:06 AM, paul2009 said: As @ThompsonWebDesign says, this can be done easily with some JavaScript. A few questions: Is it just more text that you want to display, or something more complex? Do you need the information to be displayed beside the link or would it be ok if clicking the link took them further down the page to the Additional Information (full page width) section? The latter doesn’t require JS. Hi Paul, may I know how you could do the "latter" referring to your reply above? "Do you need the information to be displayed beside the link or would it be ok if clicking the link took them further down the page to the Additional Information (full page width) section? The latter doesn’t require JS." This may come useful as I'm building a website Thank you in advance Jess Link to comment
paul2009 Posted November 13, 2019 Share Posted November 13, 2019 Hi @JessL This article describes how to do this: https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links Let me know how you get on. 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
JessL Posted November 14, 2019 Share Posted November 14, 2019 Thanks @Paul2009! I was looking for this! A bit of a read, but it works! 👍 Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.