{"id":4904,"date":"2023-06-23T11:06:07","date_gmt":"2023-06-23T01:06:07","guid":{"rendered":"https:\/\/brickslabs.com\/?p=4904"},"modified":"2024-09-25T14:54:13","modified_gmt":"2024-09-25T04:54:13","slug":"query-loop-index","status":"publish","type":"post","link":"https:\/\/brickslabs.com\/query-loop-index\/","title":{"rendered":"Query Loop Index in Bricks"},"content":{"rendered":"<div class=\"mp_wrapper\">\n  <div class=\"mepr-unauthorized-excerpt\">\n    <p>This <a href=\"\/membership\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pro<\/a> tutorial provides the code for getting the index of each post in <a href=\"https:\/\/brickslabs.com\/go\/bricks\" target=\"_blank\" rel=\"noreferrer noopener\">Bricks<\/a>' query loops.<\/p>\n<p>This can be used for either outputting the post number (screenshot below) or for checking for nth post and conditionally outputting elements (Ex.: <a rel=\"noreferrer noopener\" href=\"https:\/\/brickslabs.com\/how-to-insert-elements-between-query-loop-posts-in-bricks\/\" target=\"_blank\">How to Insert Element(s) Between Query Loop Posts in Bricks<\/a>).<\/p>\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/brickslabs.com\/wp-content\/uploads\/2023\/06\/query-loop-index-bricks-1024x724.png\" alt=\"\" class=\"wp-image-4907\" \/><\/figure>\n<p><strong>Note<\/strong>: If you have <a rel=\"noreferrer noopener\" href=\"https:\/\/bricksextras.com\/\" target=\"_blank\">BricksExtras<\/a> installed, there is no need to use the below custom function. BricksExtras comes with it. Check the <a href=\"https:\/\/bricksextras.com\/docs\/dynamic-tags\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dynamic Tags<\/a> doc page.<\/p>\n<h2 class=\"wp-block-heading\">Step 1<\/h2>\n<p>Add the following in <a rel=\"noreferrer noopener\" href=\"https:\/\/brickslabs.com\/go\/child-theme\" target=\"_blank\">child theme<\/a>'s <code>functions.php<\/code> or a <a rel=\"noreferrer noopener\" href=\"https:\/\/brickslabs.com\/go\/code-snippets-plugin\" target=\"_blank\">code snippets plugin<\/a>:<\/p>\n  <\/div>\n  <div class=\"mepr-unauthorized-message\">\n    <p>This is a BricksLabs Pro tutorial.<\/p>\n<p>For full access login below or create your <a href=\"https:\/\/brickslabs.com\/pro\/\">BricksLabs Pro account<\/a><\/p>\n  <\/div>\n  <div class=\"mepr-login-form-wrap\">\n            \n<div class=\"mp_wrapper mp_login_form\">\n                  <!-- mp-login-form-start -->     <form name=\"mepr_loginform\" id=\"mepr_loginform\" class=\"mepr-form\" action=\"https:\/\/brickslabs.com\/login\/\" method=\"post\">\n            <div class=\"mp-form-row mepr_username\">\n        <div class=\"mp-form-label\">\n                              <label for=\"user_login\">Username<\/label>\n        <\/div>\n        <input type=\"text\" name=\"log\" id=\"user_login\" value=\"\" \/>\n      <\/div>\n      <div class=\"mp-form-row mepr_password\">\n        <div class=\"mp-form-label\">\n          <label for=\"user_pass\">Password<\/label>\n          <div class=\"mp-hide-pw\">\n            <input type=\"password\" name=\"pwd\" id=\"user_pass\" value=\"\" \/>\n            <button type=\"button\" class=\"button mp-hide-pw hide-if-no-js\" data-toggle=\"0\" aria-label=\"Show password\">\n              <span class=\"dashicons dashicons-visibility\" aria-hidden=\"true\"><\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n            <div>\n        <label><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/> Remember Me<\/label>\n      <\/div>\n      <div class=\"mp-spacer\">&nbsp;<\/div>\n      <div class=\"submit\">\n        <input type=\"submit\" name=\"wp-submit\" id=\"wp-submit\" class=\"button-primary mepr-share-button \" value=\"Log In\" \/>\n        <input type=\"hidden\" name=\"redirect_to\" value=\"\/wp-json\/wp\/v2\/posts\/4904\" \/>\n        <input type=\"hidden\" name=\"mepr_process_login_form\" value=\"true\" \/>\n        <input type=\"hidden\" name=\"mepr_is_login_page\" value=\"false\" \/>\n      <\/div>\n    <\/form>\n    <div class=\"mp-spacer\">&nbsp;<\/div>\n    <div class=\"mepr-login-actions\">\n        <a\n          href=\"https:\/\/brickslabs.com\/login\/?action=forgot_password\"\n          title=\"Click here to reset your password\"\n        >\n          Forgot Password        <\/a>\n    <\/div>\n\n      \n    <!-- mp-login-form-end --> \n  <\/div>\n      <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This <a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/brickslabs.com\/pro-tutorial\"   >Pro tutorial<\/a> provides the code for getting the index of each post in <a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/brickslabs.com\/go\/bricks\"   >Bricks<\/a>&#8216; query loops. This can be used for either outputting the post number (screenshot below) or for checking for nth post and conditionally outputting elements (Ex.: How to Insert Element(s) Between Query Loop Posts in Bricks). Note: If you have BricksExtras [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4907,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[5,9],"tags":[160],"topic":[266],"class_list":["post-4904","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bricks","category-pro","tag-loop-index","topic-query-loop"],"acf":[],"featured_image_src":"https:\/\/brickslabs.com\/wp-content\/uploads\/2023\/06\/query-loop-index-bricks-600x400.png","featured_image_src_square":"https:\/\/brickslabs.com\/wp-content\/uploads\/2023\/06\/query-loop-index-bricks-600x600.png","author_info":{"display_name":"Sridhar Katakam","author_link":"https:\/\/brickslabs.com\/author\/sridhar\/"},"_links":{"self":[{"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/posts\/4904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/comments?post=4904"}],"version-history":[{"count":0,"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/posts\/4904\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/media\/4907"}],"wp:attachment":[{"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/media?parent=4904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/categories?post=4904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/tags?post=4904"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/brickslabs.com\/wp-json\/wp\/v2\/topic?post=4904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}