{"id":363761,"date":"2025-10-26T11:46:36","date_gmt":"2025-10-26T05:46:36","guid":{"rendered":"https:\/\/directorist.com\/?post_type=docs&p=363761"},"modified":"2025-10-26T11:46:41","modified_gmt":"2025-10-26T05:46:41","password":"","slug":"image-gallery","status":"publish","type":"docs","link":"https:\/\/directorist.com\/docs\/image-gallery\/","title":{"rendered":"Image Gallery"},"content":{"rendered":"\n

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

The Image Gallery extension<\/strong> lets listing owners showcase multiple photos in an elegant gallery format. It supports custom image sizes, multiple column layouts, and automatic cropping to keep galleries consistent. With this extension, businesses can visually highlight their services, products, or venues to attract more customers. <\/p>\n\n\n\n

This plugin is ideal for businesses that place a high value on visual appeal, such as real estate, hotels, restaurants, tourism, and creative portfolios.<\/p>\n\n\n\n

Key Features<\/strong> <\/h2>\n\n\n\n
    \n
  1. Upload multiple images per listing to create a gallery.<\/li>\n\n\n\n
  2. Mark listings as open 24\/7 or set specific daily hours directly from the admin interface.<\/li>\n\n\n\n
  3. Define custom width and height for gallery images.<\/li>\n\n\n\n
  4. Choose the number of gallery columns (grid-based display).<\/li>\n\n\n\n
  5. Seamless integration with the Directorist Directory Builder.<\/li>\n\n\n\n
  6. Display galleries on single listing pages and archive listings.<\/li>\n\n\n\n
  7. Responsive and mobile-friendly image layouts. <\/li>\n<\/ol>\n\n\n\n

    Installation & Configuration<\/strong><\/h2>\n\n\n\n
      \n
    1. Navigate to Directory Listings > Themes & Extensions<\/strong><\/li>\n\n\n\n
    2. Find \u201cDirectorist Gallery\u201d <\/strong>and <\/strong>click Install <\/strong>and then Activate.<\/strong><\/li>\n\n\n\n
    3. Navigate to Directory Listings > Settings > Extensions > Extension General<\/strong> <\/li>\n\n\n\n
    4. Toggle on Gallery Image<\/strong>, and hit Save<\/strong> Changes.<\/li>\n\n\n\n
    5. Click the newly visible ListingGallery<\/strong>. These settings are highly configurable.<\/li>\n<\/ol>\n\n\n
      \n
      \"\"<\/figure>\n<\/div>\n\n\n

      Settings Reference<\/strong><\/p>\n\n\n\n

      Setting<\/strong><\/td>What it controls<\/strong><\/td>Notes<\/strong><\/td><\/tr>
      Gallery Image Cropping<\/td>Automatically resizes images to a uniform size.<\/td>Helps maintain a clean, consistent gallery layout.<\/td><\/tr>
      Custom Width & Height<\/td>Define exact dimensions for gallery images.<\/td>Width and height in pixels.<\/td><\/tr>
      Select Columns<\/td>Number of columns in gallery layout.<\/td>Choose how many images per row (1\u20134 columns).<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
      \n
      \"\"<\/figure>\n<\/div>\n\n\n

      Builder Setup<\/strong> <\/h2>\n\n\n\n

      Follow these steps to add and display the Gallery Images field in your directory builder: <\/p>\n\n\n\n

      1. Add Gallery Images to the Add Listing Form<\/p>\n\n\n\n

        \n
      • Path: Directory Builder > Add Listing Form<\/li>\n\n\n\n
      • Drag the Gallery Images field from Preset Fields into your preferred position.<\/li>\n\n\n\n
      • Update the changes. <\/li>\n<\/ul>\n\n\n
        \n
        \"\"<\/figure>\n<\/div>\n\n\n

        2. Show on Single Listing Pages<\/p>\n\n\n\n

          \n
        • Path: Directory Builder > Single Page Layout > Contents<\/li>\n\n\n\n
        • Drag the Gallery Images block into your desired position.<\/li>\n<\/ul>\n\n\n
          \n
          \"\"<\/figure>\n<\/div>\n\n\n

          Frontend Preview of Image Gallery<\/strong><\/h2>\n\n\n\n

          After configuring the Image Gallery settings, you can view the final appearance on the frontend in the following sections: <\/p>\n\n\n\n

            \n
          1. Image submission in the Add Listing Form <\/li>\n<\/ol>\n\n\n\n

            When creating or editing a listing, owners can upload multiple images directly from the Add Listing form. They can add, remove, and reorder images before publishing to ensure the gallery looks exactly how they want.<\/p>\n\n\n

            \n
            \"\"<\/figure>\n<\/div>\n\n\n
              \n
            1. <\/li>\n<\/ol>\n\n\n\n

              2. Single Listing Page View<\/strong><\/p>\n\n\n\n

              On the single listing page, uploaded images are displayed in a responsive gallery layout. The images follow the configured column and size settings, giving visitors a clean, organized view of the listing. <\/p>\n\n\n

              \n
              \"\"<\/figure>\n<\/div>\n\n\n

              Notes:<\/strong><\/p>\n\n\n\n

                \n
              1. For best results, enable Gallery Image Cropping<\/strong> or set custom dimensions to keep all images aligned.
                <\/li>\n\n\n\n
              2. The number of columns and size settings directly affect mobile responsiveness \u2014 test different settings for the best look on your theme.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

                Overview The Image Gallery extension lets listing owners showcase multiple photos in an elegant gallery format. It supports custom image sizes, multiple column layouts, and automatic cropping to keep galleries consistent. With this extension, businesses can visually highlight their services, products, or venues to attract more customers. This plugin is ideal for businesses that place […]<\/p>\n","protected":false},"author":22343,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[694],"doc_tag":[],"class_list":["post-363761","docs","type-docs","status-publish","hentry","doc_category-extensions"],"year_month":"2026-03","word_count":440,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Fairose Farabi","author_nicename":"farabisovware","author_url":"https:\/\/directorist.com\/author\/farabisovware\/"},"doc_category_info":[{"term_name":"Extensions","term_url":"https:\/\/directorist.com\/docs-category\/extensions\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/363761","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\/22343"}],"replies":[{"embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/comments?post=363761"}],"version-history":[{"count":0,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/docs\/363761\/revisions"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/media?parent=363761"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_category?post=363761"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/directorist.com\/wp-json\/wp\/v2\/doc_tag?post=363761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}