Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • SupportExpand
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Account
Get Kadence
Kadence Blocks
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Blocks

Kadence Blocks

Getting Started

Block Tutorials

  • Responsive Breakpoints in Kadence
  • Create a Full Screen Landing Page
  • How to Control the Hero or Title Section Sitewide and Per Page in Kadence

Kadence Blocks Pro

  • How to hook elements inside of post or page content
  • Kadence Custom Fonts
  • How to Create a Custom Search Page with Hooked Elements and the Advanced Query Loop

Troubleshooting Blocks

  • Troubleshooting White/Blank Screens in the Editor or Customizer
  • How to Download Previous Versions of the Kadence Theme and Plugins
  • How to run the WordPress built-in database repair tool
  • Recommended Server Resources
  • Troubleshooting the “Update Failed: Service Unavailable” error when updating Kadence Pro plugins

Advanced

Advanced Headers

Kadence Form Integrations

  • Home
  • Knowledge Base
  • Kadence Blocks
  • Kadence Theme
  • Kadence Elements
  • Hooked Element Guides

How to Use an Element to Replace the Archive Loop Item Content

The Kadence archive pages list your individual posts according to your Customizer’s Post Item Layout settings. Here’s the default look:

Default Kadence Archive

What is an Archive Loop Item?

An Archive Loop Item is the template used to display a single post in your archive grid.

If you wish to add more information or customize the layout, you can utilize Kadence Elements to replace the default archive loop item. While the Customizer does allow some configuration of the archive items, using an Element provides greater control and customization options.

Archive Loop Item

Step 1: Create an Element

First, create a Template Element. Template Elements replace the default theme output and can be used to replace the archive loop item content.

Element - Add a template

Step 2: Configure the Element Settings

The placement and display settings will determine where your template will appear. To access the Element Settings, click the settings icon in the upper-right of your screen.

Click the Preview Settings button to set the preview context for your loop item. This will allow you to see live results with real data while you’re editing your template.

Placement: set to Replace Archive Loop Item Content to replace the archive loop item.

Display: set the to Blog Page to replace the loop items for your blog. You can also select the archive for your custom post type or taxonomy.

You can add additional display settings by clicking Add Rule. This will allow you to display this template on other archive such as post categories or tags.

Kadence Element Settings

Step 3: Design Your Template

Design the template using blocks to dynamically add post data like the post title, post date, featured image, excerpt, and/or content. If you have Kadence Blocks Pro, you can also use dynamic content to display custom fields.

Loop item element

Once you have finalized your design, save your template and preview your blog page. Your loop items will now be displayed using the template you have created.

Do you feel this document was helpful?
The Kadence WP Logo
Crafted in Missoula, Montana
  • Follow Kadence on Facebook
  • Follow Kadence on Youtube
  • X
  • Follow Kadence on Instagram
Trustpilot
Products
  • Kadence Plans
  • Kadence Theme
  • Kadence Blocks
  • Kadence AI
  • Kadence Starter Templates
  • Kadence Shop Kit
  • Kadence Conversions
  • Kadence Pattern Hub
  • View All
Resources
  • Blog
  • Podcast
  • Knowledgebase
  • Support ticket
  • Feature Requests
  • FAQ
  • WordPress Hosting Services
About Us
  • About Kadence
  • Become an affiliate
  • Contact us
  • Terms
  • Privacy Policy
  • Security
Our Partner Brands
  • SolidWP
  • LearnDash
  • The Events Calendar
  • GiveWP
  • MemberDash
Kadence Community
  • Kadence Marketplace
  • Join the Facebook Group
  • Subscribe to our YouTube Channel
© 2024 Kadence WP | All prices are in USD
Logo for StellarWP an umbrella brand of Premium WordPress plugins
  • Pricing
  • Products
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • Support
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Login
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog