Clocks

Display a cities or towns current time and show conditional text at different hours.

Code Bracket Streamline Icon: https://streamlinehq.com

Script

The custom code and script for this powerup can be added to your Webflow project using the "TooEasy Powerups" Webflow App. You can find the app on the Webflow Apps Marketplace or within the "Apps" tab in the Webflow designer. Once the app is installed simply locate the Powerup you'd like to use and click the "install script" button.

Cog Streamline Icon: https://streamlinehq.com
Setup

Wrapper

I want this div to contain all clocks. If it doesn't have a value, it will show the user's current time based on their IP location.

Current Time

I want this nested Text Block to be replaced with the current time

5.
5.
Vertical Slider 4 Streamline Icon: https://streamlinehq.com
Options

Time Geolocation

I want to show a timezone different to my own

Custom Morning Text

I want to show a custom message when it's morning of the current timezone.

Custom Afternoon Text

I want to show a custom message when it's the afternoon of the current timezone.

Custom Evening Text

I want to show a custom message when it's the evening of the current timezone.

Name
te-slider-slides-per-view
Description

Add this attribute if you would like to group slides together.

Value
auto
Description

A value of "auto" will automatically group all slides within the viewport.

Example Value
80%
Description

A value of "#%" groups the number of slides within this percentage in the slider viewport. (Change "#" with you number, E.g 80%)

Example Value
3
Description

A numbered value will groups slides based on this number. For example "3" will indicate 3 columns in each slide.

Example Value
4,3,2,1
Description

A number array will set different slide groups for different breakpoints. For example [4,3,2,1] to represent 4 on desktop, 3 on tablet, 2 on mobile landscape and 1 on mobile portrait.