Grids Builder (General Elements) – favethemes

The Grids Builder widget allows you to create fully customizable grids that display taxonomy-based content such as property types, cities, areas, states, countries, or labels. You can also build custom grids manually with your own images, titles, and links. This widget is useful when you want to highlight specific categories or create a visual navigation tool for users.

How to Add the "Grids Builder" Widget

In Elementor, open the page where you want to add the grid.
From the Elementor sidebar, search for Grids Builder.
Drag and drop the widget into the desired section of your page.

Configuration Options

Content Tab

Data: Choose between Dynamic (taxonomy-based) or Custom (manually defined).
Choose Taxonomy: Select Type, Country, State, City, Area, or Label.
City / Area / Type, etc.: Pick specific taxonomy terms to display.
More Details Text: Customize the call-to-action text (e.g., "More Details").
Listing Count: Toggle ON/OFF to show the number of properties.
Properties Text / Property Text: Define singular/plural wording.
Image: Choose between Dynamic (pulled from taxonomy) or Custom.
Image Size: Select Full, Medium, or Thumbnail size.

Style Tab

Grid Type: Choose Landscape, Square, Portrait, or Custom.
Margin & Padding: Adjust spacing around grid items.
Text Padding: Define padding for titles and subtitles.
Radius: Add rounded corners to the grid boxes.
Typography: Configure font settings for titles and subtitles.
Colors: Customize title and subtitle colors.

Best Practices

Use Dynamic Mode when you want the grid to automatically pull property categories or cities.
Use Custom Mode for curated sections like "Featured Locations" with custom links.
Keep the Listing Count visible to provide users with context on property availability.
Maintain a consistent Grid Type across your site for a cleaner look.
Optimize images for web performance to avoid slow loading times.

Notes

Grids are responsive by default, but test on different devices to ensure readability.
When using Custom Mode, make sure to provide descriptive titles and working links.
For best results, use high-quality, landscape-oriented images.