Section Auto Layout Right Arrow Auto Click

Section Auto Layout Right Arrow Auto Click

License

Synopsis

Auto click right arrow of Auto Layout section.

Version

• 0.3.2

SS Version

• 7.1

Fluid Engine Compatible

• Not Applicable

Dependencies

• Squarespace plan that supports JavaScript.

• jQuery

---

Install

• Add the following to Website > Website Tools > 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 if you have only a single page you want to have this effect.

    • Add code from file section auto layout right arrow auto click.html to Page Settings > Advanced > Page Header Code Injection for the page. Please see Per-page code injection. Read the code for any instructions within.

  • Site-wide

    • Use this option if you have multiple pages where you want to have this effect.

    • Add code from file section auto layout right arrow auto click.html to Website > Website Tools > Code Injection > FOOTER. Please see Add code to code injection. Read the code for any instructions within.

• Settings

  There are global and Auto Layout section settings. You can use both or either.

  • Global

    For a global effect add the following to Website > Website Tools > Code Injection > HEADER.

    <meta name="twc-salraac" content="click-interval-seconds=6, kill-upon-user-action=true" />

    • content attribute value settings

      • data-click-interval-seconds

        The interval in seconds between clicks.

      • data-kill-upon-user-action

        Values are true or false. True means stop auto clicking if the user interacts with the section.

  • Auto Layout

    • For a per Auto Layout section specific effect add the following to the Title Text on a line by itself.

      twc-salraac : { "clickIntervalSeconds" : 6, "killUponUserAction" : true }
      

      • Properties

        When used these properties override global settings, when global settings are used.

        • clickIntervalSeconds

          The interval in seconds between clicks. If the value is -1 then the auto click will be disabled for the particular Auto Layout section.

        • killUponUserAction

          Values are true or false. True means stop auto clicking if the user interacts with the section.

Note

Only slideshow banner and carousel auto layouts are supported.

Demo

You can see a demo of this effect here.

Make a Donation

Please consider making a donation.

Changes

• 2023-11-06

  • use meta tag instead of custom tag for global settings
  • bumped version to 0.3.2

• 2023-10-25

  • fix code key
  • bumped version to 0.3.1

• 2023-09-19

  • added support for global or section specific effects
  • bumped version to 0.3.0

• 2022-02-18

  • fix for auto clicks closing lightbox forms
  • bumped version to 0.2.3

• 2022-02-18

  • target mobile right arrow for click. it is there regardless of arrow setting
  • bumped version to 0.2d2

• 2021-12-05

  • removed extra dataSectionIds push line
  • bumped version to 0.2d1

• 2021-08-15

  • added kill upon user action
  • bumped version to 0.2d0

• 2021-07-10

  • initial version