Add footer boilerplate section elements to product detail additional info.
- 0.2.1
- 7.1
- No
-
Squarespace plan that supports JavaScript.
-
Install twcsl. After you install twcsl be sure to continue on with the rest of the steps.
-
Add code from file store page detail additional info add footer boilerplate.css to Website > Pages > Website Tools > Custom CSS. Read the code for any instructions within.
-
Add code from file store page detail additional info add footer boilerplate.html to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.
-
Add a Classic Editor section to the footer.
-
Add a code block as the first block of the section. Make sure it spans the entire width of the section. Set the content to the following.
<x-twc-spdaiafb/>
-
Below the code block build up your boilerplate content you want to be added to the Additional Info of each product.
-
Save the section.
-
If you want the boilerplate content to be added to the beginning of Additional Info set the code block content to the following.
<x-twc-spdaiafb data-position="top"/>
You can find data section ids by using Heather Tovey's Squarespace ID Finder. When using SIF you only need the number from between the quotes. For example if SIF put section[data-section-id="123456789012345678901234"] on your clipboard you would only need to enter 123456789012345678901234 in Website > Pages > Website Tools > Custom CSS for the store page detail additional info add footer boilerplate.css you added there.
This effect is not active in SS Preview to test it use private browsing.
Please consider making a donation.
-
2023-10-21
- fix for page section displaying when it shouldn't
- bumped version to 0.2.1
-
2023-10-21
- make what gets moved from the footer to additional info broader
- bumped version to 0.2.0
-
2021-08-20
- initial version