Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

How To Install + Dropdown Accordion in a Product Description


divar

Question

Site URL: https://www.erheer.com/shop/ariel

Hi Squarespace Wizards,

I am trying to install a dropdown accordion in the description of a physical product. Unfortunately Squarespace doesn't have the option to add a markdown box in the description of a product(screenshot 1). 

I have add the code block and the markdown box in the additional Info (screenshot 2) but that shows at the end of the page after all the product photos at the moment. I'd like the dropdown to be a part of the product description itself (screenshot 4) and not at the end of the page. 

Any assistance would be greatly appreciated.

Thanks,

Divya

Screen Shot 2020-06-29 at 3.06.13 am.png

Screen Shot 2020-06-29 at 3.09.05 am.png

Screen Shot 2020-06-29 at 3.05.23 am.png

Screen Shot 2020-06-29 at 3.16.42 am.png

Link to comment

Recommended Posts

  • 0
On 12/20/2020 at 7:48 AM, Abbruzzini said:

@divar How did you get your sizing options like this as well as having the sizing guide pop up next to it?

579931490_ScreenShot2020-12-19at4_48_13PM.thumb.png.b1d478df05b4208ff8eb8d28d40125ed.png

I did size guide + size squares on their site.

I used Anything Lightbox Plugin (+ some custom code to move size guide on right of squares size)

With size squares, you can use Product Color/Image Variant Plugin.

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 1/11/2021 at 4:41 AM, LotusOriental said:

@rwpHi there! I was wondering if you could help me with building something similar to this please? 

Screenshot 2021-01-10 at 21.40.50.png

You mean overview, spects... or variant, quantity, pre-order?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 1/10/2021 at 9:41 PM, LotusOriental said:

I was wondering if you could help me with building something similar to this please? 

For the benefit of anyone reading this thread, the site in your screenshot was built on Shopify, not Squarespace. This means that many of the features are not available on Squarespace and would need to be coded.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0
On 6/25/2021 at 2:03 AM, KatyaK said:

Is it possible to add images or gallery blocks into this dropdown accordion?

Here is the link to a product page I'm working on: https://www.aaline.ca/beta/linear-embedded-azw3l

I want to add images of materials and finishes taken from this page: https://www.aaline.ca/lighting/linear-embedded

You can use Accordion Tabs Plugin. Thus, you can add anything into accordion content.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

@kirstie.pallier

Your code is not initializing.

385053629_ScreenShot2021-07-29at8_33_43PM.png.bee9532d3722f014c62a8da7da837687.png

I was able to get the code to run here locally after the entire page had loaded.

459658318_ScreenShot2021-07-29at8_36_42PM.png.85ff96e97b5067ffde4d727d373b48db.png

This indicates to me that Squarespace.onInitialize is not available when called. I've not used Squarespace.onInitialize so I'm not familiar with it.

An alternative would be to use jQuery's document ready.

Can anyone familiar with Squarespace.onInitialize provide insight?

 

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

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...