The Post Tiles Widget will let you display posts in a cool and unique way inside of your Elementor page. It comes with advanced posts query options that will give you full control to filter your products exactly the way you want.
Let’s look at each of the options in the “Post Tiles Widget” below.
Install Post Tiles Widget for Elementor #
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Post Tiles”
- Hover over the widget in the search results and click install
- Add your “Post Tiles” widget to any Elementor Page
General Settings #
Post Tiles Image Size
Select the post tiles image size.
- Medium Large
- Large
- Medium
- Thumbnail
- Full Size
- 1536*1536
- 2048*2048
Grid Columns
Set the number of items to display in a row.
Gap
Set the gap between tiles.
Link Text
Type the text to display as link text.
Intro Number of Characters
Set the number of characters to show as intro.
Show Title
Show/Hide the title in post tiles.
Show Text
Show/Hide the text in post tiles.
Show Button
Show/Hide the button.
Show Calendar
Show/Hide the calendar in post tiles.
Sequence Entrance Animation Settings #
Sequence Entrance Animation
Set the sequence entrance animation for post tile widget.
Posts Query Setting #
Posts Source
Choose any of the below options for your post source.
- Current Query Post
- Custom Posts
- Related Posts
- Manual Selection
Include By
Include the posts from different options given below
- Include Sticky Posts
- Get Only Sticky Posts
- Author
- Date
- Post Meta
- Most Viewed
- ID's from PHP function
- ID's from Post Meta
- ID's from Dynamic Field
- Products on Sale Only
- Up Sells Products
- Out of Stock Products Only
Include By Terms
Choose specific posts that you would like to include from your selection by adding rules.
- Include By Terms Relation
- Include Terms Children
Exclude By
Choose specific posts that you would like to exclude from your selection by adding rules.
- Terms
- Current Posts
- Specific Posts
- Author
- Posts Without Featured Image
- Posts with current category
- Posts with current tags
- Offset
- Avoid Duplicates
- ID's from Dynamic Field
To know more about post query setting, please visit our article on Advanced Post Selection
Posts Pagination and Ajax #
Pagination
Display the pagination for your post tile
- None
- Numbers
- Using Pagination Widget
Enable Post Filtering
When turned on you can use all the post-filter widgets like tab filters, load more and infinite scroll.
Filters Behaviour
- Ajax
- Ajax and URL change - Will change the URL each time the filter changes and add the possibility to use browser back navigation.
Learn more about the different Ajax filters that can work with the Post Tile in the links bellow:
Post Tile Widget Styling #
A lot of styling options are provided to control every aspect of the widget’s appearance. Modify the colors to match your site’s look and feel. You can customize every single detail to perfectly blend with your website design.
Box Styling #
Set the tile height, border, radius, tile image fit, positioning, and background color.
Image Overlay Styling #
Style the overlay, overlay opacity, and overlay opacity hover.
Content Styling #
You can set the content padding, background, positioning, and text alignment.
Title Styling #
In this section, set the title color, typography, shadow, and spacing.
Text Styling #
Set the text typography, color, shadow, and spacing.
Calendar Styling #
You can set the category background color, typography, padding, radius, and spacing.
Button Styling #
Style the button typography, padding, radius, background color, text color, spacing, border, and border hover.
Usage Examples #
Here are some live use cases for the Post Tile Widget.