Uploaded January 2025 | Updated September 2026, 7 hours ago
By default, the AJAX Search widget in JetSearch displays results in a single-column list with a fixed set of fields — post title, thumbnail, and excerpt. This tutorial by Mark (Wicky Design) shows how to replace that default layout with a custom JetEngine Listing Template (loop), allowing you to build a two-column results grid with images, custom metadata, clickable items, and full styling control.
✅ What you'll learn:
• What plugins are required: JetEngine + JetSearch (free Elementor, no Pro needed)
• How to configure the AJAX Search widget settings
• How to create a Listing Template (loop) in JetEngine for the search source
• How to pull in dynamic metadata fields into the listing
• How to make listing items clickable (link to single post)
• How to assign the Listing Template (loop) in the Results Area settings
• How to style the search results area directly in the editor
► TIMESTAMPS
00:00 Introduction
00:45 Requirements
01:37 AJAX Search Widget
02:52 Adding Listing Template
05:34 Pulling Meta Data
06:33 Making Listings Clickable
08:10 Applying Template
09:00 Styling Search Results
——————
► Get JetSearch: crocoblock.com/plugins/jetsearch
► Get JetEngine: crocoblock.com/plugins/jetengine
► Choose Crocoblock subscription: crocoblock.com/subscription
🔗 Dynamic content solutions with Crocoblock:
crocoblock.com/solution/dynamic
——————
📚 Knowledge Base — JetSearch:
• How to Set a Listing Template for Live Search Results Area:
crocoblock.com/knowledge-base/jetsearch/how-to-set-listing-template-for-live-search-results-area
• How to Display Terms in the Search Results Area:
crocoblock.com/knowledge-base/jetsearch/displaying-terms-in-search-results-area
——————
📺 Related videos:
• How to Customize Search Results Appearance — JetSearch:
youtube.com/watch?v=q-4T3onCmqk
• JetEngine Tutorials Playlist:
youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
• JetSearch Tutorials Playlist:
youtube.com/playlist?list=PL26jaHWVtLFxS4OpsthzxoNhGUkoDowZK
——————
👉 Follow Wicky Design for more WordPress content:
• wickydesign.com
• youtube.com/@WickyDesign
——————
#JetSearch #JetEngine #WordPressSearch #AJAXSearch #Crocoblock
Found this helpful? Like and subscribe for more JetSearch tutorials 👇
Questions about listing templates or search setup? Drop them in the comments.
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
By default, the AJAX Search widget in JetSearch displays results in a single-column list with a fixed set of fields — post title, thumbnail, and excerpt. This tutorial by Mark (Wicky Design) shows how to replace that default layout with a custom JetEngine Listing Template (loop), allowing you to build a two-column results grid with images, custom metadata, clickable items, and full styling control.
✅ What you'll learn:
• What plugins are required: JetEngine + JetSearch (free Elementor, no Pro needed)
• How to configure the AJAX Search widget settings
• How to create a Listing Template (loop) in JetEngine for the search source
• How to pull in dynamic metadata fields into the listing
• How to make listing items clickable (link to single post)
• How to assign the Listing Template (loop) in the Results Area settings
• How to style the search results area directly in the editor
► TIMESTAMPS
00:00 Introduction
00:45 Requirements
01:37 AJAX Search Widget
02:52 Adding Listing Template
05:34 Pulling Meta Data
06:33 Making Listings Clickable
08:10 Applying Template
09:00 Styling Search Results
——————
► Get JetSearch: crocoblock.com/plugins/jetsearch
► Get JetEngine: crocoblock.com/plugins/jetengine
► Choose Crocoblock subscription: crocoblock.com/subscription
🔗 Dynamic content solutions with Crocoblock:
crocoblock.com/solution/dynamic
——————
📚 Knowledge Base — JetSearch:
• How to Set a Listing Template for Live Search Results Area:
crocoblock.com/knowledge-base/jetsearch/how-to-set-listing-template-for-live-search-results-area
• How to Display Terms in the Search Results Area:
crocoblock.com/knowledge-base/jetsearch/displaying-terms-in-search-results-area
——————
📺 Related videos:
• How to Customize Search Results Appearance — JetSearch:
youtube.com/watch?v=q-4T3onCmqk
• JetEngine Tutorials Playlist:
youtube.com/playlist?list=PL26jaHWVtLFxD1yBmvWTqGbKckit4Ochc
• JetSearch Tutorials Playlist:
youtube.com/playlist?list=PL26jaHWVtLFxS4OpsthzxoNhGUkoDowZK
——————
👉 Follow Wicky Design for more WordPress content:
• wickydesign.com
• youtube.com/@WickyDesign
——————
#JetSearch #JetEngine #WordPressSearch #AJAXSearch #Crocoblock
Found this helpful? Like and subscribe for more JetSearch tutorials 👇
Questions about listing templates or search setup? Drop them in the comments.
Join us here:
► FB Community: facebook.com/groups/CrocoblockCommunity
► Discord Community: discord.gg/6WbBaJQ2G5
► Facebook: facebook.com/crocoblock
► Twitter: twitter.com/mrcrocoblock
► Instagram: instagram.com/mrcrocoblock
► LinkedIn: linkedin.com/company/crocoblock
