Guest Posted November 17, 2021 Share Posted November 17, 2021 Site URL: https://www.astrida.co/shop-accessories Hello, is there a way to add a similar additional info block across all product page? It is a little tedious to add into each listing on at a time.... wondering how to use accordion style to implement the following: + More Information Leather Colours (linked to https://www.astrida.co/mass-colour-swatch) Thread Colours (linked to https://www.astrida.co/thread-colours) This is an example in the additional info using the accordion block: https://www.astrida.co/shop-accessories/deluxe-keyfob/001 This is all my other listing currently using markdown: Thank you!! Link to comment
Beyondspace Posted November 17, 2021 Share Posted November 17, 2021 1 hour ago, audrey9988 said: Site URL: https://www.astrida.co/shop-accessories Hello, is there a way to add a similar additional info block across all product page? It is a little tedious to add into each listing on at a time.... wondering how to use accordion style to implement the following: + More Information Leather Colours (linked to https://www.astrida.co/mass-colour-swatch) Thread Colours (linked to https://www.astrida.co/thread-colours) This is an example in the additional info using the accordion block: https://www.astrida.co/shop-accessories/deluxe-keyfob/001 This is all my other listing currently using markdown: Thank you!! Do you mean adding this part in all product item Pages? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
daimone Posted November 17, 2021 Share Posted November 17, 2021 I am interested in doing this as well. I need to add more information that is the same for all products on the single product description page. I don't see how to add blocks to this page that are not in the global header or footer. Link to comment
Guest Posted November 18, 2021 Share Posted November 18, 2021 19 hours ago, bangank36 said: Do you mean adding this part in all product item Pages? Just the {More Information} part with accordion linked to two other pg. For the footer content " our leather goods.....awaits" I had made it across all pages! Link to comment
Beyondspace Posted November 18, 2021 Share Posted November 18, 2021 4 hours ago, audrey9988 said: Just the {More Information} part with accordion linked to two other pg. For the footer content " our leather goods.....awaits" I had made it across all pages! Hi @audrey9988, You can try adding to Home > Settings > Advanced > Code Injection (choose the footer) <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $('.Main--products-item .ProductItem-additional').load('/shop-accessories/deluxe-keyfob/cordovan #block-08fd93a4eb48ba424024'); </script> Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Guest Posted November 19, 2021 Share Posted November 19, 2021 19 hours ago, bangank36 said: Hi @audrey9988, You can try adding to Home > Settings > Advanced > Code Injection (choose the footer) <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $('.Main--products-item .ProductItem-additional').load('/shop-accessories/deluxe-keyfob/cordovan #block-08fd93a4eb48ba424024'); </script> Let me know how it works on your site Press 👍 or mark this answer as solution to help another one too it doesn't work, all the other product pages still shows the 'old' style. Should I delete all the custom html from each listing, and if there is a method to code from adv > footer code injection? Link to comment
Guest Posted November 19, 2021 Share Posted November 19, 2021 (edited) @bangank36 i managed to sort it out across all product listing, but only the main page with the accordion in additional info is able to load with the links. All the other pages are not responsive 😞 also, seems like there has to be something written in the markdown block so it can be loaded /shop-accessories/deluxe-keyfob/cordovan Edited November 19, 2021 by audrey9988 Link to comment
tuanphan Posted November 21, 2021 Share Posted November 21, 2021 @audrey9988 Do you still need help? 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
Guest Posted November 21, 2021 Share Posted November 21, 2021 (edited) 14 hours ago, tuanphan said: @audrey9988 Do you still need help? managed to figure out another way (create a blank/original solo page [disabled view] then custom html > input block id into the script in advance code injection) however I couldn't figure how to do it as responsive accordion (only doable on the original solo page) , do did it as a list style instead. if I were to do accordion html, it will not be responsive on the product pages, any idea what's causing the error? + blank hidden page, and the script (footer code injection https://www.astrida.co/shop-businesspass/business-pass/buttero-burgundy + how it appears on all pages Edited November 21, 2021 by audrey9988 Link to comment
creedon Posted November 21, 2021 Share Posted November 21, 2021 Quote it will not be responsive on the product pages, any idea what's causing the error? When you say not responsive do you mean the accordion is not functional? As is you click on plusses and nothing happens? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. 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