Back to contents

How to Сreate the Post Tiles Carousel

 

This tutorial explains how to create post carousels using the Smart Posts Tiles widget.

Posts carousels created by the Smart Posts Tiles widget of the JetBlog plugin allow you to apply movement to posts tiles and choose the tile, choose the number of posts in the carousels, set the autoplay speed, show/hide a slider, select the control arrows, and more.

This tutorial details how to arrange posts in carousels with different settings.

Tutorial requirements:

  • Elementor (Free version);
  • JetBlog plugin installed and activated.

1 Step — Adding the Smart Posts Tiles Widget

Open the page and find the Smart Posts Tiles widget.

smart posts tiles widget

Drag and drop this widget.

2 Step —Arranging Posts in Carousels

Navigate to the General settings tab of this widget and select a tile layout to display posts. This tile layout will be used for the post carousel.

Add the content to display.

general settings of smart posts tiles widget

Read the Smart Posts Tiles Widget Overview to know how to arrange blog posts in the form of an attractive tile layout.

3 Step — Carousel Settings

Navigate to the Query & Controls settings tab and turn on the Enable Carousel toggle. 

woocommerce fashion store theme

If enabled, this toggle turns on the following:

  • Hide unfilled slider toggle, if enabled, hides this widget if there are not enough posts for the slider and shows only the posts tile.
  • Number of Slides ranges from one to twenty displaying sliders (not posts).
  • Autoplay toggle, if enabled, turns on the Autoplay Speed field to type the speed of slider movement (one is the fastest speed, and 5000 is the slowest speed).
  • Show Controls Arrows toggle, if enabled, allows Select Control Arrows Type from the drop-down menu (i.e., Angle, Chevron, Angle Double, etc.).
arrows setting of smart posts tiles widget
  • Show Arrows Only on Hover toggle allows showing the arrows of the specified type only on hover.

That’s all about the carousel settings of the Smart Posts Tiles widget.