divar

Thanks Tuan 👍 worked like a charm!

Hey Tuan, forgot to post the link in the original post. I want the banner image to not display when viewing on mobile. https://www.erheer.com/our-story Thanks for taking a look at this!

Hi ! I am looking to hide banner image on one specific page on mobile only. Can anyone suggest how to achieve that? This is the page whose banner image i need to hide on mobile.

@mmkme Yes the code is in the thread chain above. Let me know if you need any help but @rwp might be able to guide you better with your website specific needs.

Hi @paul2009 Thanks for sharing the solution. You mentioned that Squarespace 7.1 has the Design > Carousel feature? I checked my version and it is 7.0. Is there a way for me to implement that Carousel arrows > on my Website ? I checked and my Product Design only shows Slideshow and stacked.

Thanks for the lead, tuanphan . I will check it out and let know how it works.

sure I'll check thanks!

Hey @bradgood I tried your code and unfortunately it doesn't seem to be working for me. Do let me know if someone is able to implement it. Thanks!

hey rwp, the accordion is working fine though I am yet to test on it all the products, I think it will work fine. But as i mentioned yesterday that the website is taking a bit longer to load than before.

Yes it has worked! Also I did change the excerpt position in site styles to below. Thanks RWP and others for all your help. Really Really appreciate it. I am working on finishing my website in the next 10 or so day and I am sure there will be other things that might need some tweaking so this is not the last you hear from me.

Great seems to be working well. I just have to test it with all other products now. I think I've identified a new issue now that we've fixed this one. Now that we've added the additional info just under description, it has pushed the size, quantity and add to cart button further down which is not good from e-commerce point of view. It is even more of a scroll on the mobile. Is it something that can be fixed via CSS or will it require a lot of work? So the size, quantity and add to cart to appear just under the price and before the whole description begins. Please let me know if it is too much work.

It seems to be working now but the accordion in now appearing at the top of the page and not under the description. Also I noticed that the website if taking longer to load, up to 10 seconds.

Hey sorry I tried but it is not working now at all. Just appearing at the end of the page even if i refresh it.

I think I am losing the plot here. Just to confirm once again, just the above two pieces of code right and delete everything else? CSS goes in Design < Custom CSS Script goes in Home > Settings > Advanced > Code Injection (Footer) No other piece of code on the product, just the Markdown block in Additional Info? Sorry for being a noob.

Tried but it is doing the same thing. Not firing at first load and then when I refresh, it works but all the sections are opened up. Also this code is in the Code Injection Footer and not header. <script> window.Squarespace.onInitialize(Y, function () { $('.ProductItem-additional .markdown-block').insertAfter('.ProductItem-details-excerpt'); }); </script>

Tried the code but it doesn't seem to be working. 1st - the script isn't firing when the page first loads 2nd - after I refresh the page, it starts showing in the correct place but is all opened up.

It is working but only after I refresh the page. Somehow when the page loads for the first time, it still shows the text at the end of the page and all opened up like in screenshot 1 & 2. And then when I hit refresh, it works (screenshot 3)

Here it is and thanks for working on this! <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();}); }); </script>

Just after the text ends..Please see photo attached. Also I want the same to happen for all my products, so will I have to post the code on each individual product or can I paste it somewhere else so that it is applied to all the products.

july2020

Hi tuanphan, I've added the code to additional info. Please help with adding it to just under the description itself. Also if it's not too much trouble could you help me with closing the + automatically close when another "H" is opened. https://aqua-megalodon-5m3t.squarespace.com/shop/ariel Please let me know if you need any additional info.

Thanks for the reply. I will share the link once i've figured out how to make the code work outside the develop/edit mode of squarespace. The accordion is working fine on the page in edit mode but when I test it in on a fresh tab, its not.

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