Image Gallery With Filter Documentation

Possible Layouts

Welcome to the "Image Gallery with filter" module. The module has images with filter button options, image overlay colours, hover text, clickable buttons, and more options.

• Filter keyword buttons: The filter keyword buttons that can be used for image filtration are placed at the top of the module with images lying below them. When a filter keyword button is clicked, the images below transition beautifully and show the images pertaining to selected filter keyword button.
• Image customisations: The images can have hover content, overlay colour, hyperlinked clickable button, hover above and just simple image customisation options available.
• Responsive and mobile-friendly: The "Image Gallery with filter" module is designed to provide optimal viewing experiences on various devices, including desktops, tablets, and mobile phones. With its responsiveness, your page will adapt seamlessly, ensuring a consistent and engaging experience across all platforms.
• Customisation:The “Image Gallery with filter” module comes with a bunch of customisations, all of which you can control to give the user a seamless experience in tandem with your website’s colours, style, and design.

Content features: 

Add/remove the filter menu (Filter Keyword Buttons) and gallery content from content settings with further customisations shown below: 

In customising the filter menu setting, you can customise its content. 

In gallery content setting, you can customise the category, image, gallery text and button. 

In gallery text, you can customise Name text, Designation text and description. There are also check boxes to enable/disable any of the three. 

You can enable/disable and customise the button URL, link type and button text from button settings. 

Style features: 

You can customise the module’s gallery design, filter menus and gallery content from style features. 

Customise filter menu’s colours, borders and spacing from filter menus settings. 

Customise your gallery. 

Enable On Hover button to get the overlay colour, slide up animation and content over the image with overlay colour when the user hovers over the image. In this, you can customise what happens to gallery content when the cursor hovers over the image form on hover settings, border radius from corner settings and button text colour and font size from button settings. 

Disable On Hover button 

Disabling On Hover button will make your module simple and elegant. With hover above effect, you can customise the image corner radius.