{"id":794,"date":"2026-01-23T16:21:59","date_gmt":"2026-01-23T16:21:59","guid":{"rendered":"https:\/\/docs.treethemes.com\/brandberry\/docs\/site-setup\/theme-builder\/loop-builder\/"},"modified":"2026-01-24T15:25:47","modified_gmt":"2026-01-24T15:25:47","slug":"loop-builder","status":"publish","type":"docs","link":"https:\/\/docs.treethemes.com\/brandberry\/docs\/site-setup\/theme-builder\/loop-builder\/","title":{"rendered":"Loop Builder"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

The Loop Builder<\/strong> (provided by the Animation Addons plugin included with Brandberry) is used to design the layout of a single repeating item<\/strong> using Elementor. This item layout can then be reused automatically in grids, lists, sliders, or archive pages.<\/p>

In simple terms: you design one \u201ccard\u201d (for example, one blog post card or one project card), and Elementor repeats it for every post that matches your query.<\/p>

\u00a0<\/p>

What Is a Loop Template?<\/h3>

A loop template is a reusable layout that represents one item in a list of content. For example, one post in a blog grid, one project in a portfolio list, or one product-style card.<\/p>

The loop template is built using dynamic widgets, so it automatically pulls content from each post, such as title, featured image, categories, excerpt, and links.<\/p>

\u00a0<\/p>

When to Use Loop Builder<\/h3>

Loop Builder is useful when you want more control over repeating layouts, such as:<\/p>

  • Blog post grids and lists<\/li>
  • Portfolio \/ projects grids<\/li>
  • Custom post type listings<\/li>
  • Archive layouts with custom design<\/li><\/ul>

    \u00a0<\/p>

    Using Loop Builder with Custom Post Types<\/h3>

    If you created custom post types using Brandberry Theme \u2192 Theme Settings \u2192 CPT & Taxonomy<\/strong>, you can also create loop templates that display those items.<\/p>

    This allows you to build custom listings for content types like projects, services, case studies, or any other CPT you created.<\/p>

    \u00a0<\/p>

    How It Works (Basic Workflow)<\/h3>
    1. Create a new Loop Template<\/strong> in the Theme Builder.<\/li>
    2. Edit the loop template with Elementor<\/strong>.<\/li>
    3. Build the item design using dynamic widgets (title, image, meta, etc.).<\/li>
    4. Save the template.<\/li>
    5. Use the loop template inside supported grid\/list widgets or archive layouts.<\/li><\/ol>

      \u00a0<\/p>

      Dynamic Content in Loop Templates<\/h3>

      Loop templates usually rely on dynamic widgets so the layout can be reused for multiple items. Typical elements include:<\/p>

      • Post Title<\/li>
      • Featured Image<\/li>
      • Post Meta (date, category, author)<\/li>
      • Excerpt<\/li>
      • Read More \/ Link to post<\/li><\/ul>

        Because these widgets are dynamic, the design stays the same while the content changes automatically for each post displayed.<\/p>

        Tip<\/strong> If you are new to loop templates, start by duplicating or editing a demo loop template. It\u2019s the quickest way to understand how repeating layouts are structured.<\/p><\/blockquote>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

        The Loop Builder (provided by the Animation Addons plugin included with Brandberry) is used to design the layout of a single repeating item using Elementor. This item layout can then be reused automatically in grids, lists, sliders, or archive pages. In simple terms: you design one \u201ccard\u201d (for example, one blog post card or one […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":144,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-794","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/comments?post=794"}],"version-history":[{"count":10,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/794\/revisions"}],"predecessor-version":[{"id":970,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/794\/revisions\/970"}],"up":[{"embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/docs\/144"}],"wp:attachment":[{"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/media?parent=794"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.treethemes.com\/brandberry\/wp-json\/wp\/v2\/doc_tag?post=794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}