Automatic Filters for Blogs Documentation

Introduction

The “Automatic Filters for Blogs” module provides a great blog template module for your blog listing page consisting of all the required blog details along with easy-to use toggle filter buttons. With a plethora of customisation options available, you can easily add this module to seamlessly integrate with your website style, structure, and design.

 

SUPPORT:

If you need assistance at any step of the way; get in touch with us at ProductSupport@transfunnel.com
And get Premium Support from Transfunnel - HubSpot's Elite Solutions Partner

Table of Contents

  1. Possible Layouts
  2. Content features
  3. Style features
Automatic Filters for Blogs Documentation

Table of Contents

  1. Possible Layouts
  2. Content features
  3. Style features

Possible Layouts

Layout Options: Welcome to the "Automatic Filters for Blogs" module. The module gives great blog listing template for your website.

  • Filter toggle buttons: The filter toggle buttons are left-aligned, giving filter options by category and author.
  • Blog Section: The blogs section shows 3 blogs in a row with 2 rows in a page, making the total of 6 blogs visible on a single page, with pagination just below the listed blogs on the page.
  • Blog Box: The blog listing shows the blog in a box, which contains the blog thumbnail, category, title, short description, publish date and author name.
  • Responsive and mobile-friendly: The "Automatic Filters for Blogs " 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 “Automatic Filters for Blogs” 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:

C-01

Content settings give options to customise the section heading, labels and select the blog you wish to list on your page from you HubSpot library.

C-02

The section heading gives customisation options to control the left section containing filters.

C-03

Select the blog you want to showcase on your page from your HubSpot library.

C-04

Customise the filter labels- Author and Category from the labels settings.

Style features:

S-01

In style settings, you can customise all the above shown parts of the module.

The details are given below:

Section Heading:
S-02

Customise the (filter) section’s heading font type, style, size, colour, text transform, mobile font size, letter spacing, background colour, margins and paddings from this setting.

Labels:
S-03

Customise the labels font and style from labels settings.

Filters & Toggle:
S-04

Customise all the filters’ & toggles’ font and style, background colour, and border colours (active annd inactive) from this setting.

[Post] - Tags:
S-05

Customise the font & style, text transform and letter spacing of the [Post] - Tags from this setting.

[Post] - Heading:
S-06

Customise the font & style, mobile font size, text transform and letter spacing of the [Post] - Headings from this setting.

[Post] - Description:
S-07

Easily customise the font & style or add/remove remove the [Post] - Description from this setting.

[Post] - Author & date: 
S-08

Easily add/remove and customise the font & style, text transform and letter spacing of author and date tags.

[Post] - Columns:
S-09

Customise the [Post] - Columns’ border colour and background colour from this setting.

Pagination:
S-10

Customise the button’s background colour, colour, number’s and button’s border style, colour both inactive and active from this setting.

Conclusion:

The "Automatic Filters for Blogs" module is a powerhouse in blog template for listing blogs on your website. It gives you various customisation options to seamlessly integrate it to your website and leverage it according to your requirement.