1. Home
  2. Docs
  3. Filterable Gallery
  4. Getting Started
  5. How to add Multiple Filters to Multiple Gallery Items?

How to add Multiple Filters to Multiple Gallery Items?

Yes, Xpro Gallery for Beaver Builder provides a unique and majestic gallery option to assign Multiple Filters to Multiple Gallery items and vice versa. In this regard, you can assign multiple filters to multiple gallery items, or can multiple gallery items can be assigned to multiple filters. Similarly, you also have the option to assign one gallery to Multiple Filters as well as one filter to Multiple Galleries. You need to follow multiple following steps to assign multiple Filters to Multiple Gallery items and vice versa:

Step 1: Open the Xpro Gallery for Beaver Builder module setting in the Xpro Advanced Modules section
Step 2: Drag and drop the Xpro Gallery for Beaver Builder module.

Step 3: Go to the General tab and then, choose your desired option from the dropdown menu in the Gallery Type, Gallery Layout and Popup Style section.

Step 4: Then, open the Filters tab and enable it first by choosing the Yes option. Create the multiple Filters by clicking on the Add Filter Name button and enter the unique names of filters in the fields. You can also make multiple filter style changes from Filters, Responsive Dropdown, Overlay Styles sections in Filters tab.

Step 5: Next go to the Gallery tab and add a photo group for your gallery by clicking on the Add Photo Group and then click on the Edit Photo Group for each gallery group.

Step 6: In the gallery’s Photo Group section, add the Filters Name in Category Name option from dropdown menu such as Filter_1 and Filter_2 and these are the same filters names that you have added in filters section.
Step 7: Then, Go to the Media section, add the Title and Description for gallery album item, and then select the Featured Image and Gallery Photos from Media Library. You can select multiple Gallery Photos but can select only one Featured Image for one Photo Group of your gallery. Click the Save button once you have done all other changes.

Step 8: Follow step-6 for all other gallery photo groups whom you want to assign multiple filters and vice versa.
Step 9: Finally, refresh your gallery page and your gallery will be displayed on your screen. Mouse over to any gallery item and click on the Overlay Icon. Here your gallery will be displayed with all gallery photos you have added in that specific gallery photo group like this:

Was this article helpful to you? Yes No

How can we help?