ThemeKit Array

Image Array

Blackstar ID:Core 20

ThemeKit Array Image 1
£129.00

The image array can have two, three or four items. When three items are present the last on is centered in row two below the breakpoint.

Array Widgets

Blackstar ID:Core 20

ThemeKit Array Images 2
£1099.00

Each item has an image width alt text, an optional span, text and an optional link.
The images have a lazy load option.

Modals

Boss Katana Artist

ThemeKit Array Image 3
£749.00

The heading has adjustable height with an optional animation.
The animations can be staggered by checking a box.

Content Items

Image Array

The ThemeKit Array Images widgets creates two to four items with an optional header animation, an image with alt text, a styled span for price/date etc, text and a full width link.
Animation
The header has the option to animate out from the left and has controls for animation time and delay set in milliseconds. Checking a box will stagger the delat times to create a more noticeable effect.

    Scale Array

    Scale Array

    The items have an image with alt text, a caption and a link icon at the top right.
    The overlay can appear on hover when viewed on computers and the image can have a scale on hover animation.

      Toggle Array

      ThemeKit Array Toggle 1

      Image Array

      Toggle

      Each item is an image with alt text and an info icon.

      Hero
      ThemeKit Array Toggle 2

      Content Heading

      Styled Span

      Clicking or tapping the icon will reveal the hidden content.

      Modals
      ThemeKit Array Toggle 3

      Action

      Open

      Clicking/tapping the image opens the overlay.

      Cards
      ThemeKit Array Toggle 4

      Close

      Tab

      Close the overlay by clicking the tab or another item in the array.

      Tag Array

      Toggle Array

      The presence of the toggle info overlay is indicated by the icon at the top right. Clicking/tapping the image will open the overlay.
      When the overlay is in view, the action tab changes to a "close" icon. The overlay can be closed using the tab or by clicking another image.
      The images have a lazy loading function which should be used if the item is not in view on page load.
      Editing
      Each items overlay can be in view on the EverWeb design canvas for editing by checking a box in the widget settings.

        © EverWeb Widgets -