The Portfolio Gallery With Filter Module is a customizable feature designed specifically for HubSpot users. It allows you to showcase your portfolio items in a visually appealing gallery format while providing users with the ability to filter and sort through the content based on their preferences

Absolutely! The Portfolio Gallery With Filter Module is built with responsiveness in mind, ensuring that it seamlessly adapts to different screen sizes and devices. Whether your visitors are accessing your website from a desktop computer, tablet, or smartphone, they will have a smooth and consistent viewing experience

The filtering system in the Portfolio Gallery operates based on tag IDs assigned to each portfolio item. When a visitor clicks on a particular category or tag, the gallery displays only the items associated with that tag ID, providing a more focused and tailored browsing experience.

Below is a list of all the customization options available for the Portfolio Gallery With Filter | AW module.

 

Content

 

Drag and drop the Portfolio Gallery With Filter | AW into your desired location on the page.

You can add tab items here. While there is no limit to the number of tab items you can add, typically 3 or 4 tabs look best. Adding more than 5 tabs might not look as nice.

 

 

You can add Gallery image

 

 

After adding gallery images, they will appear as shown in the image below:

 

You can add a title, an image, and alt text for the image, and you can also adjust the image size.

 

The Tag ID is an important element.

The filtering system in the Portfolio Gallery operates based on tag IDs assigned to each portfolio item. When a visitor clicks on a specific category or tag, the gallery displays only the items associated with that tag ID, providing a more focused and tailored browsing experience.

 

The title and Tag ID will be displayed overlaying the image

 

 

 

You can add multiple tags to one image by simply separating each tag name with a comma. This feature allows you to associate the image with multiple tags, enabling it to appear in multiple tabs

 

Styles

 

In the tab styles settings, you can customize the font, border, and active tab appearance

 

In the Title styles settings, you can customize the font, Spacing, Padding, and Text Transform

 

 

In the Tags styles settings, you can customize the font, Text Transform, Spacing, and Padding.

 

 

If you're still having trouble or have any questions or feedback, contact at hello@amwhiz.com