divar Posted July 2, 2020 Author Share Posted July 2, 2020 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. Link to comment
veganedge Posted July 2, 2020 Share Posted July 2, 2020 try the code above, but make the order: 8... I think that would be it. if not, you'll see the change and adjust again (7 or 9) divar 1 Link to comment
divar Posted July 2, 2020 Author Share Posted July 2, 2020 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. Link to comment
rwp Posted July 2, 2020 Share Posted July 2, 2020 Happy to help @divar Is everything in the correct order now? Link to comment
divar Posted July 3, 2020 Author Share Posted July 3, 2020 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. Link to comment
rwp Posted July 3, 2020 Share Posted July 3, 2020 Honestly, I am not too familiar with the ajax loading system, so I can't really help you with that. I ran your ariel page though pingdom, and nothing seemed unreasonably slow. 1.5-1.6 seconds to load, which seems pretty on point for squarespace pages. If its taking an unreasonably long time to load for you, it might be something else. Try in a private or incognito window of your browser and see if its any faster. Link to comment
mmkme Posted July 8, 2020 Share Posted July 8, 2020 @divar would you be inclined to share the code you used below the markdown? i'm trying to do the same thing, but with digital products - not sure if @rwp might have any advice as well. thank you both! Link to comment
rwp Posted July 8, 2020 Share Posted July 8, 2020 The code is above, but may need tweaking for your theme. Link to comment
divar Posted July 9, 2020 Author Share Posted July 9, 2020 @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. 19 hours ago, mmkme said: @divar would you be inclined to share the code you used below the markdown? i'm trying to do the same thing, but with digital products - not sure if @rwp might have any advice as well. thank you both! Link to comment
mmkme Posted July 9, 2020 Share Posted July 9, 2020 @rwp ah yes, i see that now - thank you + @divar perhaps its due to my theme or it being a digital product vs. physical, but the expand bars are showing up below the product and they stay expanded. here's the product: http://www.goldieyoga.com/bundle-5/bundle-5-of-goldie-yoga-classes-digi-dce5r any chance you might have some pointers? thank you! Link to comment
rwp Posted July 9, 2020 Share Posted July 9, 2020 (edited) It looks like you have a second code for the accordion in the header. Also, as far as relocating it, your theme is laid out differently, where exactly do you want it to end up? Edited July 9, 2020 by rwp Link to comment
mmkme Posted July 10, 2020 Share Posted July 10, 2020 thanks @rwp! removed the second code and that helps the expansion 🙂 screenshot attached for where to ideally place the descriptions Link to comment
rwp Posted July 10, 2020 Share Posted July 10, 2020 Change the first line of the code to this, your elements have different names than the other persons page. $('.product-description .markdown-block').insertAfter('.product-excerpt'); Link to comment
mmkme Posted July 10, 2020 Share Posted July 10, 2020 ty! I changed the page header code injection to: <script> $(document).ready(function(){ $('.product-description .markdown-block').insertAfter('.product-excerpt'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();}); }); </script> and it's still in the same position - might i be missing something? Link to comment
rwp Posted August 26, 2020 Share Posted August 26, 2020 The code on your page doesn't seem to have updated correctly. Did you hit save after updating it? Link to comment
Khushk Posted September 9, 2020 Share Posted September 9, 2020 Hello , can someone share the code actually used for the above? i've tried to follow the instructions above but nothing seems to work 😞 Link to comment
tuanphan Posted September 9, 2020 Share Posted September 9, 2020 37 minutes ago, Khushk said: Hello , can someone share the code actually used for the above? i've tried to follow the instructions above but nothing seems to work 😞 You can also try this accordion plugin if you have a budget. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Khushk Posted September 10, 2020 Share Posted September 10, 2020 i'm afraid now - looking for a free version as there are many! Link to comment
IXStudio Posted September 10, 2020 Share Posted September 10, 2020 (edited) 48 minutes ago, Khushk said: i'm afraid now - looking for a free version as there are many! Hi @Khushk Use our free extension! It doesn't need code knowledge. Install and make your accordion in minutes. You can change fonts, colors, paddings, margins and etc... without coding! Check this video after 3 m. Download it from here: https://chrome.google.com/webstore/detail/squarespace-ninja-kit-ext/klkcninekpnpemndealaeebjajmkabcf Installation guide: https://www.ixstudio.net/ninjakit/installation-guide Please use the like button if it helps you! Best, Leopold Edited September 10, 2020 by IXStudio Supremo and rwp 2 Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
Khushk Posted September 10, 2020 Share Posted September 10, 2020 Thank you Leopold. I'm still unclean how to use this accordion in the product description though:( sorry! Link to comment
Khushk Posted September 10, 2020 Share Posted September 10, 2020 Even after downloading it, the Ninja Kit isn't appearing Link to comment
IXStudio Posted September 10, 2020 Share Posted September 10, 2020 Just now, Khushk said: Even after downloading it, the Ninja Kit isn't appearing It's an extension that will appear on the top-right of your browser near of other extensions. But If you can't find it just contact me via Skype: LeopoldJobs. I'll help you on that! Please use the like button if it helps you! Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
midwicket Posted September 20, 2020 Share Posted September 20, 2020 Khushk, try the following instructions (worked for me in adding accordion dropdown to the Additional Info section of product page)😞https://www.kayleighnoele.com/blog/how-to-install-a-faq-dropdown-accordion-in-squarespace Link to comment
tellemoi Posted November 19, 2020 Share Posted November 19, 2020 Thank you so much @rwp I toggled between using your code for the product description and using https://www.kayleighnoele.com/blog/how-to-install-a-faq-dropdown-accordion-in-squarespace for the original coding to create the drop down. It really does work! Thank you rwp 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment