fbpx

Black Friday Sale 50% Off

Days
Hrs
Min
Sec

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Dynamic Template Slider

The Dynamic Template Slider allows you to design a loop item just like a single template and create a slider from the template.
 

Before starting to create a Dynamic Template Slider you will need to make sure you have the Unlimited Elements Pro installed and activated on your WordPress website.

 

Let’s start creating.

Create an Elementor template

It requires Elementor Pro installed and activated on your WordPress website.

Go to Templates -> Theme Builder -> Single Post -> Click the “Add New” button on the top

Name your template

Give your template a name and click the  “CREATE TEMPLATE” button

Start your own design

Close the templates library dialog to start your own design.

Choose a demo post

Choose a demo post to build your slider.

Click on the settings icon on the bottom -> Click “Preview Settings” -> Choose a content type and post

Don’t forget to click the “APPLY & PREVIEW” button when you are done.

Design your Slider item

Drag & drop widgets to design your slider item using the Elementor editor.  
Once you are done click the “PUBLISH” or “UPDATE” button & exit to the WP dashboard.

You can use the following dynamic single post widgets to create your dynamic template.

  • Post Title
  • Post Excerpt
  • Post Content
  • Featured Image
  • Author Box
  • Post Comments
  • Post Info

You can use advance custom field(ACF) to showcase dynamic contents.

Install Dynamic Template Slider widget

Navigate to the “Unlimited Elements” plugin using the WordPress side menu.

Go to the Dynamic Loops category in the Widget Library.

Hover over the Dynamic Template Slider widget and click install.

Add Dynamic Template Slider widget to Elementor page

Create a new Elementor page or edit and existing page.

Search for Dynamic Template Slider widget.

Drag the “Dynamic Template Slider” widget into the page from the widgets panel.

You can use this widget to create a post archive template and product archive template.

Choose your template

In general settings choose the template that you have created previously to use as a loop item.

Show posts using Items Posts Query

Navigate to the “Item Posts Query” section in the editor sidebar.
You can now choose different settings to output the templates you want to show on the page inside of your dynamic template slider.
Customize the template slider in the content tab and style tab to create the design you want to achieve.

General Settings

1
Items Item Template

Select the item template to dislpay.

2
Item Source

Select the item source.

  • Posts
  • Products

Slider Settings

1
Autoplay

Turn on/off the autoplay option.

2
Autoplay Hover Pause

Autoplay will pause on hover.

3
Show Arrows

Show/Hide the navigation arrows.

4
Show Dots

Show/Hide the pagination dots.

5
Autoplay Timeout

Set the time between two autoplays.

6
Transition Speed

Set the transition time in autoplay.

Arrows Settings

Set the arrow icons of the arrow navigation when turned on.

1
Left Arrow

Choose a icon for Left Arrow

2
Right Arrow

Choose a icon for Right Arrow

Animation Settings

1
Animate In

Select the animation in from give options.

  • FadeIn
  • FadeInLeft
  • FadeInLeftBig
  • FadeInRight
  • FadeInRightBig
  • FadeInUp
  • FadeInUpBig
  • FadeInDown
  • FadeInDownBig
  • SliderInLeft
  • SliderInRight
  • SliderInUp
  • SliderInDown
  • BounceIn
  • BounceInDown
  • BuonceInLeft
  • BounceInRight
  • BounceInUp
  • RotateIn
  • RotateInDownLeft
  • RotateInDownRight
  • RotateInUpLeft
  • RoateInUpRight
  • ZoomIn
  • ZoomInDown
  • ZoomInLeft
  • ZoomInRight
  • ZoomInUp
  • None
2
Animate Out

Select the animation out from give options.

  • FadeOut
  • FadeOutLeft
  • FadeOutLeftBig
  • FadeOutRight
  • FadeOutRightBig
  • FadeOutUp
  • FadeOutUpBig
  • FadeOutDown
  • FadeOutDownBig
  • SliderOutLeft
  • SliderOutRight
  • SliderOutUp
  • SliderOutDown
  • BounceOut
  • BounceOutDown
  • BuonceOutLeft
  • BounceOutRight
  • BounceOutUp
  • RotateOut
  • RotateOutDownLeft
  • RotateOutDownRight
  • RotateOutUpLeft
  • RoateOutUpRight
  • ZoomOut
  • ZoomOutDown
  • ZoomOutLeft
  • ZoomOutRight
  • ZoomOutUp
  • None

Connected Widgets Settings

1
Enable Remote Connection

Use remote control widgets to create advanced creative layouts.

2
Widget Name for Connection

This name will be used to connect and controls this widget by other widgets.

3
Sync

You can connect two item-based widgets and sync them.

4
Sync Group

Choose the same group for two or more item-based widgets so they can sync together.

Items Post Query Settings

Select the exact posts you want to show on your dynamic template grid.

1
Posts Source

Choose any of the below options for your post source.

  • Current Query Post
  • Custom Posts
  • Related Posts
  • Manual Selection
2
Post Types

Choose the type of post you want to display.

3
Include By

Include the posts from different options given below

  • Include Sticky Posts
  • Get Only Sticky Posts
  • Author
  • Date
  • Post Parent
  • Post Meta
  • Most Viewed
  • ID's from PHP function
  • ID's from Post Meta
  • ID's from Dynamic Field
4
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
5
Exclude By

Choose specific posts that you would like to exclude from your selection by adding rules.

  • Terms
  • Current Posts
  • Author
  • Post 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

Post Pagination and Filtering

1
Pagination

Display the pagination for your post grid

  • None
  • Numbers
  • Using Pagination Widget
2
Enable Post Filtering

When turned on you can use all the post-filter widgets like tab filters, load more and infinite scroll.

3
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 diffrent Ajax filters that can work with the Dynamic Template Slider in the links bellow:

Dynamic Slider Styling

Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.

General Styling

You can style slider radius, background, border, shadow.

Arrows Styling

Style the nav arrows spacing, positioning, radius, background, size, color, etc. in this section.

Nav Dots Styling

Here, you can style the nav dots size, color, spacing, and alignment.

Usage Examples

Here are some live use cases for the Dynamic Template Slider widget.

The biggest sale of the year
50% OFF all pricing plans!

Days
Hrs
Min
Sec

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!