{"id":369318,"date":"2025-10-28T08:16:40","date_gmt":"2025-10-28T02:16:40","guid":{"rendered":"https:\/\/directorist.com\/?post_type=docs&p=369318"},"modified":"2025-10-28T08:16:45","modified_gmt":"2025-10-28T02:16:45","password":"","slug":"all-listing-layout","status":"publish","type":"docs","link":"https:\/\/directorist.com\/docs\/all-listing-layout\/","title":{"rendered":"All Listing Layout"},"content":{"rendered":"\n

The\u00a0All Listing Layout<\/strong>\u00a0tab lets you control how listings are displayed on the archive (All Listings) page. You can customize both\u00a0Grid<\/strong>\u00a0and\u00a0List<\/strong>\u00a0views, define which fields appear on listing cards, and fine-tune the visual style for a consistent front-end experience.<\/p>\n\n\n\n

Path:<\/strong> WP Admin<\/strong>\u00a0\u2192\u00a0Directory Listings<\/strong>\u00a0\u2192\u00a0Directory Builder<\/strong>\u00a0\u2192\u00a0Select a Directory<\/em>\u00a0\u2192\u00a0All Listing Layout<\/strong><\/p>\n\n\n\n

Overview<\/h2>\n\n\n\n

This section includes two layout modes:<\/p>\n\n\n\n

    \n
  • Grid View<\/strong>\u00a0\u2013 displays listings in card format with images.<\/li>\n\n\n\n
  • List View<\/strong>\u00a0\u2013 displays listings in a vertical list with details shown inline.<\/li>\n<\/ul>\n\n\n\n

    Each view can be customized separately to fit your design or content needs.<\/p>\n\n\n\n

    \n\n\n\n

    Grid View<\/h2>\n\n\n\n

    Set layout style<\/strong><\/h3>\n\n\n\n

    Choose whether to show or hide the listing preview image at the top of the card.<\/p>\n\n\n\n

    You can select from:<\/p>\n\n\n\n

      \n
    • Image view<\/strong>\u00a0\u2013 shows a featured image or slider.<\/li>\n\n\n\n
    • No image view<\/strong>\u00a0\u2013 focuses on textual content.<\/li>\n<\/ul>\n\n\n\n

      Top badges section:<\/strong><\/p>\n\n\n\n

        \n
      • Add or remove status tags such as\u00a0Popular<\/em>,\u00a0Featured<\/em>,\u00a0New<\/em>, or\u00a0Favorite<\/em>.<\/li>\n\n\n\n
      • Configure each badge\u2019s icon or label using the\u00a0Settings (\u2699\ufe0f)<\/strong>\u00a0icon.<\/li>\n<\/ul>\n\n\n\n

        Image section:<\/strong><\/p>\n\n\n\n

          \n
        • Add or hide the listing image or avatar.<\/li>\n<\/ul>\n\n\n\n

          Information section:<\/strong><\/p>\n\n\n\n

            \n
          • Edit the\u00a0Title<\/strong>\u00a0field (optionally show a tagline).<\/li>\n\n\n\n
          • Add fields such as\u00a0Pricing<\/em>,\u00a0Rating<\/em>,\u00a0Address<\/em>,\u00a0Phone<\/em>, or\u00a0Posted Date<\/em>.<\/li>\n\n\n\n
          • Add\u00a0Category<\/em>\u00a0or\u00a0View Count<\/em>\u00a0at the bottom of the card.<\/li>\n\n\n\n
          • Reorder items using drag-and-drop for flexible arrangement.<\/li>\n<\/ul>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
            \n\n\n\n

            List View<\/h2>\n\n\n\n

            Set layout style<\/strong><\/h3>\n\n\n\n

            Choose whether to show or hide the listing preview image at the top of the card.<\/p>\n\n\n\n

            You can select from:<\/p>\n\n\n\n

              \n
            • Image view<\/strong> \u2013 shows a featured image or slider.<\/li>\n\n\n\n
            • No image view<\/strong> \u2013 focuses on textual content.<\/li>\n<\/ul>\n\n\n\n

              Customization areas<\/h3>\n\n\n\n

              1. Top Section (Badges & Actions)<\/strong><\/h3>\n\n\n\n

              You can display badges and action icons at the top of each listing:<\/p>\n\n\n\n

                \n
              • Featured<\/strong>,\u00a0Popular<\/strong>,\u00a0New<\/strong>, and\u00a0Favorite<\/strong>\u00a0badges can be added or removed.<\/li>\n\n\n\n
              • Customize each badge\u2019s icon and label via the\u00a0Settings (\u2699\ufe0f)<\/strong>\u00a0icon.<\/li>\n<\/ul>\n\n\n\n

                2. Image Sectio<\/strong>n<\/h3>\n\n\n\n

                Displays the main listing image or thumbnail on the left side.
                You can replace it with an avatar or hide the image entirely depending on your layout style.<\/p>\n\n\n\n

                3. Listing Details Section<\/strong><\/h3>\n\n\n\n

                The right panel focuses on key listing information:<\/p>\n\n\n\n

                  \n
                • Title<\/strong>\u00a0\u2013 main name of the listing. Optionally toggle\u00a0Show Tagline<\/strong>\u00a0to display a short tagline beneath the title.<\/li>\n\n\n\n
                • Rating<\/strong>\u00a0and\u00a0Pricing<\/strong>\u00a0\u2013 display below the title for quick visual highlights.<\/li>\n\n\n\n
                • Location<\/strong>,\u00a0Phone<\/strong>, and\u00a0Posted Date<\/strong>\u00a0\u2013 appear as structured details for easy scanning.<\/li>\n\n\n\n
                • Reorder any of these items by dragging and dropping.<\/li>\n<\/ul>\n\n\n\n

                  4. Footer Area<\/strong><\/h3>\n\n\n\n

                  At the bottom of the card, you can place additional meta fields:<\/p>\n\n\n\n

                    \n
                  • Footer Left:<\/strong>\u00a0Add extra data such as view count, author name, or custom info.<\/li>\n\n\n\n
                  • Footer Right:<\/strong>\u00a0Commonly used for\u00a0Category<\/strong>\u00a0display.<\/li>\n<\/ul>\n\n\n\n

                    Each area includes a ( + )<\/strong> icon to insert new items and a Settings (\u2699\ufe0f)<\/strong> icon for configuration.<\/p>\n\n\n\n

                    \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

                    The\u00a0All Listing Layout\u00a0tab lets you control how listings are displayed on the archive (All Listings) page. You can customize both\u00a0Grid\u00a0and\u00a0List\u00a0views, define which fields appear on listing cards, and fine-tune the visual style for a consistent front-end experience. Path: WP Admin\u00a0\u2192\u00a0Directory Listings\u00a0\u2192\u00a0Directory Builder\u00a0\u2192\u00a0Select a Directory\u00a0\u2192\u00a0All Listing Layout Overview This section includes two layout modes: Each view […]<\/p>\n","protected":false},"author":24585,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[708],"doc_tag":[],"class_list":["post-369318","docs","type-docs","status-publish","hentry","doc_category-directory-builder"],"year_month":"2026-03","word_count":441,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"yousuf.sovware","author_nicename":"yousuf-sovware","author_url":"https:\/\/directorist.com\/author\/yousuf-sovware\/"},"doc_category_info":[{"term_name":"Directory Builder","term_url":"https:\/\/directorist.com\/docs-category\/directory-builder\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/369318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/users\/24585"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/comments?post=369318"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/369318\/revisions"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/media?parent=369318"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_category?post=369318"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_tag?post=369318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}