It adds a gallery with a filterable feature to your page. It has many features and customization options:

Content
Gallery
- Items: Add any no. of items in the gallery clicking on ADD ITEM.
- Image: Upload image for the item.
- Category: Enter the category on which the item lies.
- Title: Enter the Title of the item.
- Description: Enter the description of the item.
- Lightbox button: Show or hide the lightbox button that appears on hover on image.
- Link Button: Show or hide the link button that appears on hover on image.
- External link: Enter the link if you want to give your custom link to the item.
Controls
- Filterable Image Gallery: Enable or disable the filterable feature in the gallery.
- First Tab Label: Enter text for first filterable tab control. Default is ALL.
- Categories: Add categories clicking on Add item and give it a name under Category Name.
Settings
- Image Size: Choose the size for the image.
- Layout: Choose either Grid or Masonry layout.
- Columns: Select the no. of columns for displaying gallery items.
- Lightbox Slider: Enable or disable Lightbox Slider .
- Link Context: Choose either image or button for linking item
- Lightbox icon: If the link context is a button, select the lightbox icon.
- Link Icon: If the link context is a button, select an icon for the link.
- Link Target: If the link context is an image, choose the link target to either lightbox or custom link.
Style
Gallery
- Column Gap: Increase or decrease the space between gallery items.
- Row Gap: Increase or decrease the space below the gallery items.
Controls
- Alignment: Set the alignment of filterable tabs.
- Margin: Set the margin around filterable tabs.
- Padding: Set the padding inside filterable tabs.
- Active Control
- Choose options for styling the active tab. Given options for styling are typography, border, box-shadow, color, background.
- Normal Control
- Choose options for styling the other filterable tabs. Given options for styling are typography, border, box-shadow, color, background.
Items
- Overlay Color: Select the overlay color for gallery item
- Border: Select the border type, radius, color and width for each gallery item.
- Box Shadow: Set the box-shadow around the border of the gallery item.
Caption Area
- Alignment: Set the alignment of the caption area.
- Title: Choose the color, typography, and margin for the title of the caption.
- Description: Choose the color, typography, and margin for a description of the caption.
Icon Button
- Margin: Set the margin around the icon button.
- Size: Set the container size of the icon button.
- Icon Size: Set the size of the icon of the icon button.
- Border: Select the border type, radius, color and width for icon button.
- Other options for styling are background, box-shadow, and color.
Filterable Gallery Widget