---
title: Custom filter documentation
description: Custom filter documentation
---

[Skip to content](https://kaushaltech.in/custom-filter-documentation#main-content)

[![logo](https://kaushaltech.in/hs-fs/hubfs/logo.png?width=100&height=100&name=logo.png "logo")](https://kaushaltech.in/?hsLang=en)

- Modules 
    - [Custom filter](https://kaushaltech.in/custom-filter)
    - [The Blog Filter](https://kaushaltech.in/the-blog-filter)
    - [InvestROI calculator](https://kaushaltech.in/investroi-calc)
    - [FlexCard](https://kaushaltech.in/flexcard)
    - [Impact banner](https://kaushaltech.in/impact-banner)
    - [Scroll counter](https://kaushaltech.in/scroll-counter)

- [Contact](mailto:kaushaltech0326@gmail.com)

# Custom filter documentation

![0-4](https://kaushaltech.in/hubfs/0-4.png)

### Left Panel Filter Layout

Modern layout with left-side filters and paginated content—built for clarity, speed, and higher engagement.

![1-3](https://kaushaltech.in/hubfs/1-3.png)

### Right Panel Filter Layout

Focused content on the left with filters on the right and a seamless "Load More" experience—crafted for conversion and user flow.

![2-2](https://kaushaltech.in/hubfs/2-2.png)

### Top Bar Filter Layout

Streamlined top-aligned filters with paginated results below—ideal for fast browsing and intuitive product discovery.

![8-8](https://kaushaltech.in/hubfs/8-8.png)

### Display Mode

Choose how filtered content is revealed—page-by-page or progressively.

![6-6](https://kaushaltech.in/hubfs/6-6.png)

### Cards Per Page

Control the number of visible items per view—whether you're using Pagination or Load More. Adjust for optimal layout, speed, and user experience.

![text-fields-Jun-17-2025-04-14-31-3643-PM](https://kaushaltech.in/hubfs/text-fields-Jun-17-2025-04-14-31-3643-PM.png)

### Module Content Settings

Customize layout, display mode, and cards per page. Add title, description, image, price, date, button, categories, and tags for dynamic, filterable cards.

![style-fields-3](https://kaushaltech.in/hubfs/style-fields-3.png)

### Style & Appearance Settings

Control background colors, spacing (desktop, tablet, mobile), radio & range styles, pagination and load more colors. Customize font styles for title, description, price, date, and button for a polished look.

![responsive-2](https://kaushaltech.in/hubfs/responsive-2.png)

### Responsive Layout Preview

Showcases how the module adapts visually across desktop, tablet, and mobile for a consistent and user-friendly experience.

[![logo](https://kaushaltech.in/hs-fs/hubfs/logo.png?width=150&height=150&name=logo.png "logo")](https://kaushaltech.in/?hsLang=en)

We help businesses get more from HubSpot with custom themes, modules, automation, quotes, reports, and dashboards — built for speed and scalability.

### About us

[Terms and conditions](https://kaushaltech.in/terms-and-conditions?hsLang=en)

[Privacy policy](https://kaushaltech.in/privacy-policy?hsLang=en)

### Contact Us

[kaushaltech0326@gmail.com](mailto:kaushaltech0326@gmail.com)

#274, DLF, phase-2, Gurgoan

---

###### © 2025 Powered by KTECH