Image Blocks Random

Image Blocks Random

License

Synopsis

Randomize the images of image blocks.

Version

• 0.1.0

SS Version

• 7.1

v7.1 Fluid Engine Compatible

• Yes

Dependencies

• Squarespace plan that supports JavaScript.

• jQuery

• Fluid Engine

---

Install

• Add the following to Website > Pages > Custom Code > Code Injection > HEADER.

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

• Options

  • Page Specific

    Use this option when you want only one Page to have this effect.

    • Add code from file image blocks random.html to Store Settings > Advanced > Page Header Code Injection for the Store Page. Refer to Per-page code injection for details.

  • Site-wide

    Use this option when you want multiple Pages to have this effect.

    • Add code from file image blocks random.html to Website > Pages > Custom Code > Code Injection > FOOTER. Refer to Add code to code injection for details.

• Create a Fluid Engine page section.

• Layout images blocks as desired.

• For each image block you want to randomize set it's Link URL to #twc-ibr.

Demo

You can see a demo of this effect here.

Make a Donation

Please consider making a donation.

Changes

• 2024-06-03

  • initial version