{"id":2744,"date":"2026-10-20T08:36:22","date_gmt":"2026-10-20T07:36:22","guid":{"rendered":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-to-show-the-listing-logo-on-the-details-page\/"},"modified":"2026-10-20T08:39:00","modified_gmt":"2026-10-20T07:39:00","slug":"how-to-show-the-listing-logo-on-the-details-page","status":"publish","type":"gd_place","link":"https:\/\/wpgeodirectory.com\/documentation\/article\/how-tos\/how-to-show-the-listing-logo-on-the-details-page\/","title":{"rendered":"How to show the listing logo on the details page"},"content":{"rendered":"\n

GeoDirectory has a Company Logo field with the key logo<\/code>. Add it to your post type so listing owners can upload a logo, then place the logo on the details page with GD > Post Images or GD > Post Meta.<\/p>\n\n\n\n

Add the logo field<\/h2>\n\n\n\n
    \n
  1. Go to Places > Settings > Custom Fields.<\/li>\n\n\n\n
  2. Find Company Logo in the list of fields you can add, and add it.<\/li>\n\n\n\n
  3. Save. Users now see a logo upload on the add listing form.<\/li>\n<\/ol>\n\n\n\n

    Keep the key as logo<\/code>. Other GeoDirectory widgets and add-ons look for that key.<\/p>\n\n\n\n

    Show the logo on the details page<\/h2>\n\n\n\n

    Edit the Details Page template (GeoDirectory > Settings > General > Pages, Details Page) and add one of these where you want the logo.<\/p>\n\n\n\n

    GD > Post Images with Image types set to logo<\/code> and Output Type set to Single image. Set Aspect ratio to “No ratio (natural)” so the logo isn’t cropped to 16:9, and pick a smaller Image size so a large upload doesn’t fill the column. As a shortcode:<\/p>\n\n\n\n

    [gd_post_images types="logo" type="image" aspect="n" image_size="medium" css_class="gd-listing-logo"]<\/code><\/pre>\n\n\n\n
    Or GD > Post Meta with the key logo<\/code>:<\/p>\n\n\n\n
    [gd_post_meta key="logo" show="value"]<\/code><\/pre>\n\n\n\n
    Control the logo size<\/h2>\n\n\n\n
    The image stretches to fill its container. To keep it small, give the block an extra class (as with gd-listing-logo<\/code> above) and add CSS in Appearance > Customize > Additional CSS:<\/p>\n\n\n\n
    .gd-listing-logo img {\n\twidth: auto;\n\tmax-width: 150px;\n\theight: auto;\n}<\/code><\/pre>\n\n\n\n
    To place the logo beside the title, put the Post Images and Post Title blocks in a columns block in the template. GD > Post Images also uses the logo as the first fallback when a listing has no photos. Full options: GD > Post Images<\/a> and GD > Post Meta<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
    GeoDirectory has a Company Logo field with the key logo. Add it to your post type so listing owners can upload a logo, then place the logo on the details page with GD > Post Images or GD > Post Meta. Add the logo field Keep the key as logo. Other GeoDirectory widgets and add-ons […]<\/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-2744","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\/2744","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=2744"}],"version-history":[{"count":1,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2744\/revisions"}],"predecessor-version":[{"id":2854,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/2744\/revisions\/2854"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/media?parent=2744"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=2744"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=2744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}