Загрузка...

How to Create a Listing Template for Post Types in Elementor | JetEngine

A loop template (called a Listing in JetEngine) is the single-item design that WordPress repeats for every post in a Listing Grid. You build it once — decide how the thumbnail, title, date, author, excerpt, and permalink look — and the Listing Grid renders it for every matching post automatically.

This tutorial from Wicky Design walks through the full setup: creating a Listing for a custom post type in Elementor, adding five core dynamic widgets, and embedding the result in a Listing Grid widget on a page.

✅ What you'll learn:
• How to create a new Listing (loop template) in JetEngine for a post type
• How to add a Dynamic Image widget for the post thumbnail
• How to add a Dynamic Field widget for the post title with correct HTML tag
• How to add a Dynamic Meta widget for date and author
• How to add a Dynamic Field widget for the post excerpt
• How to add a Dynamic Link widget for the post permalink
• How to place the Listing into a Listing Grid widget on a page
• How to verify the loop output on the frontend

💡 The Listing Grid's built-in Posts Query tab is a quick filter option — for advanced queries, use the JetEngine Query Builder and apply it via the Custom Query tab instead.

-------------

► TIMESTAMPS
00:00 Introduction
00:25 Creating a Listing (Loop Template)
02:05 Dynamic Image — Post Thumbnail
02:19 Dynamic Field — Post Title
02:56 Dynamic Meta — Date and Author
03:49 Dynamic Field — Post Excerpt
04:41 Dynamic Link — Post Permalink
05:48 Adding the Listing to a Listing Grid
07:23 Checking the Final Result

---------------

► Get JetEngine: https://out.crocoblock.com/3R2r8Pr
► Choose Crocoblock subscription: https://out.crocoblock.com/3QXKgOr

🔗 Build dynamic WordPress sites with Crocoblock:
https://crocoblock.com/solution/dynamic/

📄 How to Create a Listing Template for Post Types — Elementor (Knowledge Base):
https://crocoblock.com/knowledge-base/jetengine/how-to-create-a-listing-template-for-post-types/

📄 Listing Template in Elementor — Full Overview:
https://crocoblock.com/knowledge-base/features/listing-template-in-elementor-overview/

🎬 Full JetEngine Tutorials Playlist:
https://www.youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc

📺 Related: How to Create a Listing Template with JetEngine:
https://youtu.be/JxvtMzwHGIw

-------------
👉 Follow Wicky Design for more WordPress content:
► https://wickydesign.com/
► https://youtube.com/@WickyDesign

-------------
#JetEngine #Crocoblock #WordPress #ListingTemplate #ElementorWordPress

Have questions about dynamic widgets or the Listing Grid setup? Drop them in the comments 👇
If this helped, like the video and subscribe for more WordPress tutorials.

Join us here:
► FB Community: https://www.facebook.com/groups/CrocoblockCommunity
► Discord Community: https://discord.gg/6WbBaJQ2G5
► Facebook: https://www.facebook.com/crocoblock/
► Twitter: https://twitter.com/mrcrocoblock
► Instagram: https://www.instagram.com/mrcrocoblock/
► LinkedIn: https://www.linkedin.com/company/crocoblock

Видео How to Create a Listing Template for Post Types in Elementor | JetEngine канала Crocoblock
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять