Store Product List Badges

Store Product List Badges

License

Synopsis

Replace Squarespace v7.1 native badge with an old style badge from some of the v7.0 templates.

Version

• 0.1.1

SS Version

• 7.1

Fluid Engine Compatible

• Not Applicable

Dependencies

• Squarespace plan that supports JavaScript.

• Tom's Web Consulting Squarespace Library

---

Install

• Install twcsl. After you install twcsl be sure to continue on with the rest of the steps.

• Options

  • Page Specific

    • Add code from file store product list badges.html to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

  • Site-wide

    • Add code from file store product list badges.html to Website > Pages > Website Tools > Code Injection > FOOTER.

• Read the code for any instructions within.

Custom Badges

In addition to the SS built-in badges this code lets you add your own custom badges to products. For example lets say you want to add a pre-order badge to a product. Edit the product. Add a tag with the text twc splb pre-order. You will now see a pre-order badge on the product list page.

Demo

You can see a demo of this effect here.

Make a Donation

Please consider making a donation.

Changes

• 2024-07-17

  • fix for duplicate twc-splb-item elements per product
  • bumped version to 0.1.1

• 2023-05-29

  • initial version

All trademarks are property of their respective owners.