ThemeKit Grid

Search Grid

A search function is essential for getting visitors to the item they are interested in as fast as possible by allowing them to enter leywords and filter the appropriate results.
The ThemeKit Gris Search widget can be used as an illustrated navigation menu, product section menu, navigating to blog posts or podcast episodes.
Header
The grid header has a heading, a refresh function and the search input box. The box can be aligned left, center or right.
Responsive Grid
The number of grid items per row is set for each device type - computer, tablet landscape, tablet portrait and phone portrait.
Each item has an image with alt text, a heading, text and a styled span for price, date or whatever.
The span allows the grid to be used for a blog post or latest news/new items etc.
The item itself is a link to an internal or external page.

Options

The optional span is inserted at the top left and can be used for date, price or item category.
When used for blog posts or news items the ellipsis after the text can be inserted globally by checking a box.
Links
The item itself is a link indicated by the icon at the top right. The links can be switched globally between internal and external.
Transition
A transition time can be added to the grid items if requirred. Like any animation this will caused the content to be hidden in the EverWeb design canvas.
Laxy Loading
The images have the option to be lazy loaded for better page download performance. This should be turned on if the grid is not in view at page load.

© EverWeb Widgets - 2025

MENU