{"id":2598,"date":"2026-10-20T08:35:20","date_gmt":"2026-10-20T07:35:20","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/listing-page-grid-list-view-image-map-size\/"},"modified":"2026-10-20T08:39:38","modified_gmt":"2026-10-20T07:39:38","slug":"listing-page-grid-list-view-image-map-size","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-tos\/listing-page-grid-list-view-image-map-size\/","title":{"rendered":"How to set grid or list view, image size and map size on GeoDirectory listing pages"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The layout of GeoDirectory category and search pages is set on the blocks inside the archive template, not in a global design setting. Here is where each part lives.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Grid or list view<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to GeoDirectory &gt; Settings &gt; General &gt; Pages and open the page set as <em>Archive page<\/em> (and the <em>Search Page<\/em> if you want the same there).<\/li>\n\n\n\n<li>Select the GD &gt; Loop block and set <em>Layout<\/em> to List view or Grid View with one to five columns. In a shortcode this is <code>&#091;gd_loop layout=&#039;2&#039;&#093;<\/code>, where 0 is list and 1 to 5 are grid columns.<\/li>\n\n\n\n<li>Update the page.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">If you still see the old view, that is the view switcher remembering a choice. GD &gt; Loop Actions lets visitors switch view and stores their choice in their browser, which overrides your default for them. Saving the loop clears it for admins. To stop visitors switching, remove the layouts you do not want with the block&#8217;s <em>Hide Layouts<\/em> option.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image size and quality<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Listing images use the sizes from Settings &gt; Media. Blurry images usually mean the thumbnail size is smaller than the space it fills. Increase the size there, then run <em>Regenerate Thumbnails<\/em> at GeoDirectory &gt; Status &gt; Tools so existing images are resized. GD &gt; Post Images also has an image size option if you want one block to use a different size.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If images look wrong right after a change, clear your caching plugin and browser cache before going further.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Map size<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Set the width and height on the GD &gt; Map block itself, for example <code>&#091;gd_map width=&#039;100%&#039; height=&#039;425px&#039;&#093;<\/code>. If the map is in a sidebar, edit it in the widget settings there.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Spacing<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The loop and its cards have row gap, column gap, border and shadow settings in the block. For other spacing use custom CSS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">More on these blocks: <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-widgets\/gd-loop\/\">GD &gt; Loop<\/a>, <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-widgets\/gd-loop-actions\/\">GD &gt; Loop Actions<\/a> and <a href=\"https:\/\/wpgeodirectory.com\/documentation\/article\/core-widgets\/gd-map\/\">GD &gt; Map<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The layout of GeoDirectory category and search pages is set on the blocks inside the archive template, not in a global design setting. Here is where each part lives. Grid or list view If you still see the old view, that is the view switcher remembering a choice. GD &gt; Loop Actions lets visitors switch [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[],"article\/categories":[211,432],"class_list":["post-2598","gd_place","type-gd_place","status-publish","hentry","gd_placecategory-tips-tricks-more","gd_placecategory-how-tos"],"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"author":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/comments?post=2598"}],"version-history":[{"count":1,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2598\/revisions"}],"predecessor-version":[{"id":2781,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2598\/revisions\/2781"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=2598"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=2598"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=2598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}