{"id":137568,"date":"2026-09-29T04:41:30","date_gmt":"2026-09-29T04:41:30","guid":{"rendered":"https:\/\/colorlib.com\/wp\/?post_type=portfolio&p=137568"},"modified":"2026-10-08T22:10:28","modified_gmt":"2026-10-08T22:10:28","slug":"listing","status":"publish","type":"portfolio","link":"https:\/\/colorlib.com\/wp\/template\/listing\/","title":{"rendered":"Listing"},"content":{"rendered":"
[vc_row][vc_column][vc_column_text]\"Listing[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″]
Template Details<\/span><\/div>[vc_column_text css=”.vc_custom_1511534878865{margin-top: 20px !important;}”]Author:<\/strong> Colorlib<\/p>\n

Updated:<\/strong> October 2026 \u00b7 v3.0.0<\/p>\n

Credits: <\/strong>Images from\u00a0Unsplash[\/vc_column_text][\/vc_column][vc_column width=”2\/3″]

Description<\/span><\/div>[vc_column_text css=”.vc_custom_1513447765392{margin-top: 20px !important;}”]Listing is a directory website template for local places such as restaurants, caf\u00e9s, nightlife, hotels and shops, built on Bootstrap 5. The layout is responsive and mobile-ready. There are three pages: home, listing and place detail.<\/p>\n

The home page has a hero with a search form (what and where), category tiles, featured places, a Browse Categories section and an “Add your business” call to action. The listing page shows the places for a category or a search, with sort, category and amenity filters and a map beside the list. The place detail page has a photo gallery with a lightbox, the rating, a description, amenities, reviews, a contact card with a map, the owner’s profile and forms to reserve a seat, write a review and send a message. The search and filters work in the browser, so Listing gives you a ready-made front end for a city guide or a local business directory.<\/p>\n

What’s new in 3.0<\/h3>\n
    \n
  • Bootstrap 5.3.8 (the earlier release used a Bootstrap 4 beta and jQuery 3.2.1), compiled from Sass together with the theme and the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 replaces Swiper 4 on the place gallery, PhotoSwipe 5 replaces Magnific Popup for the gallery lightbox with zoom, and Lucide SVG icons replace the Simple Line Icons and Themify icon fonts and the category illustrations. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.<\/li>\n
  • Lighter pages: the home page went from 1,172 KB and 23 requests to 638 KB and 18 requests, and the listing page from 1,708 KB and 30 requests to 520 KB and 15 requests. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen, the hero photo is preloaded, and unused CSS and the hover-effect demo stylesheets are gone. The download is 2.09 MB (it was 2.28 MB) and now includes the Sass sources and the build tools.<\/li>\n
  • No third-party requests: Roboto is self-hosted, the social logos are a small Font Awesome subset (the Twitter bird is now the X logo), and a Google Analytics 4 snippet stays commented out until you add your own ID. The maps on the listing and detail pages are OpenStreetMap maps that need no setup and load only when a visitor clicks “Show map”. Before, every page loaded its fonts from Google Fonts, the listing page loaded the Google Maps script on every visit and the detail page showed a picture of a map.<\/li>\n
  • Search, filters and sort that work: the home search, the category tiles, Browse Categories, the Explore menu and View All open the listing filtered by category or by the words searched, and on the listing page the sort and category selects and the amenity checkboxes filter and order the places with a live result count and an empty state. The choices are kept in the address bar, so a filtered list can be bookmarked or shared. Before, these were # links and the selects read “One \/ Two \/ Three”.<\/li>\n
  • Working forms: “Reserve a seat”, “Write a review”, “Send a message” and “Add your business” open forms that send through php\/send-email.php, with validation, a spam trap and an in-page message, and Follow, Helpful and the hearts and bookmarks on the cards update when clicked. Before, they were # links and no form sent anything.<\/li>\n
  • Accessibility: a skip link and a main landmark on every page, one clear heading structure with one h1 per page and headings in order (each heading looks as before), names on icon-only buttons and links, labelled form fields, filters, map panel and dialogs that work from the keyboard, visible focus rings, alt text for photos, 44 px targets for the card, map and gallery buttons, and WCAG AA text contrast, with white labels on a deeper pink, darker green and red ratings, dark numerals on the orange rating and darker greys (the lowest text contrast is now 5.36:1).<\/li>\n
  • Fixed: on phones and tablets the map opened over the list with no way back, and it now opens full screen with a “Show list” button and closes with Esc; each fictional place shows the same rating, review count and opening state on every page, with placeholder phone numbers and websites; the listing no longer reads “34 Results” above four places; the menu dropdowns link to real pages instead of “Action \/ Another action”, and the links to missing About and Blog pages are gone; the favicon link and a missing icon are fixed, and so are the typos.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″] [vc_btn title=”Preview” style=”flat” color=”purple” i_icon_fontawesome=”fa fa-eye” add_icon=”true” css=”.vc_custom_1513447502328{margin-left: 10px !important;}” link=”url:https%3A%2F%2Fpreview.colorlib.com%2F%23listing||target:%20_blank|”][\/vc_column][vc_column width=”2\/3″][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"

    Listing is a local business directory template with three pages (home, listing and place detail), search, category, sort and amenity filters that work in the browser, click-to-load maps and working reserve, review and message forms.<\/p>\n","protected":false},"author":697,"featured_media":137569,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"%%title%% - Free Simple Directory Website Template - %%sitename%%","_yoast_wpseo_metadesc":"","footnotes":"","colorlib_dwn":"9233"},"portfolio_tag":[6188,6190,6189],"portfolio_category":[6186,6064],"class_list":["type-portfolio","status-publish","hentry","entry"],"yoast_head":"\nListing - Free Simple Directory Website Template - Colorlib<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colorlib.com\/wp\/template\/listing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Listing - Free Simple Directory Website Template - Colorlib\" \/>\n<meta property=\"og:description\" content=\"Listing is a local business directory template with three pages (home, listing and place detail), search, category, sort and amenity filters that work in the browser, click-to-load maps and working reserve, review and message forms.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colorlib.com\/wp\/template\/listing\/\" \/>\n<meta property=\"og:site_name\" content=\"Colorlib\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/colorlib\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-08T22:10:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/listing-free-directory-website-template.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"894\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@colorlib\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/listing\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/listing\\\/\",\"name\":\"Listing - Free Simple Directory Website Template - Colorlib\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/listing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/listing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/listing-free-directory-website-template.jpg\",\"datePublished\":\"2026-09-29T04:41:30+00:00\",\"dateModified\":\"2026-10-08T22:10:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/listing\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/listing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/listing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/listing-free-directory-website-template.jpg\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/listing-free-directory-website-template.jpg\",\"width\":1200,\"height\":894,\"caption\":\"Listing website template\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/template\\\/listing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Directory Website Templates\",\"item\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/cat\\\/directory\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Listing\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#website\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"name\":\"Colorlib\",\"description\":\"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.\",\"publisher\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#organization\",\"name\":\"Colorlib\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"contentUrl\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/wp-content\\\/uploads\\\/sites\\\/2\\\/colorlib-logo-top-1.png\",\"width\":800,\"height\":400,\"caption\":\"Colorlib\"},\"image\":{\"@id\":\"https:\\\/\\\/colorlib.com\\\/wp\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/colorlib\",\"https:\\\/\\\/x.com\\\/colorlib\",\"https:\\\/\\\/www.instagram.com\\\/colorlib\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/colorlib\",\"https:\\\/\\\/youtube.com\\\/c\\\/Colorlib\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Listing - Free Simple Directory Website Template - Colorlib","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/colorlib.com\/wp\/template\/listing\/","og_locale":"en_US","og_type":"article","og_title":"Listing - Free Simple Directory Website Template - Colorlib","og_description":"Listing is a local business directory template with three pages (home, listing and place detail), search, category, sort and amenity filters that work in the browser, click-to-load maps and working reserve, review and message forms.","og_url":"https:\/\/colorlib.com\/wp\/template\/listing\/","og_site_name":"Colorlib","article_publisher":"https:\/\/www.facebook.com\/colorlib","article_modified_time":"2026-10-08T22:10:28+00:00","og_image":[{"width":1200,"height":894,"url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/listing-free-directory-website-template.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@colorlib","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/colorlib.com\/wp\/template\/listing\/","url":"https:\/\/colorlib.com\/wp\/template\/listing\/","name":"Listing - Free Simple Directory Website Template - Colorlib","isPartOf":{"@id":"https:\/\/colorlib.com\/wp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colorlib.com\/wp\/template\/listing\/#primaryimage"},"image":{"@id":"https:\/\/colorlib.com\/wp\/template\/listing\/#primaryimage"},"thumbnailUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/listing-free-directory-website-template.jpg","datePublished":"2026-09-29T04:41:30+00:00","dateModified":"2026-10-08T22:10:28+00:00","breadcrumb":{"@id":"https:\/\/colorlib.com\/wp\/template\/listing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colorlib.com\/wp\/template\/listing\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/template\/listing\/#primaryimage","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/listing-free-directory-website-template.jpg","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/listing-free-directory-website-template.jpg","width":1200,"height":894,"caption":"Listing website template"},{"@type":"BreadcrumbList","@id":"https:\/\/colorlib.com\/wp\/template\/listing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colorlib.com\/wp\/"},{"@type":"ListItem","position":2,"name":"Directory Website Templates","item":"https:\/\/colorlib.com\/wp\/cat\/directory\/"},{"@type":"ListItem","position":3,"name":"Listing"}]},{"@type":"WebSite","@id":"https:\/\/colorlib.com\/wp\/#website","url":"https:\/\/colorlib.com\/wp\/","name":"Colorlib","description":"WordPress tutorials, theme reviews, and web design inspiration. Free themes and 1,000+ HTML templates from Colorlib.","publisher":{"@id":"https:\/\/colorlib.com\/wp\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colorlib.com\/wp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/colorlib.com\/wp\/#organization","name":"Colorlib","url":"https:\/\/colorlib.com\/wp\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/","url":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","contentUrl":"https:\/\/colorlib.com\/wp\/wp-content\/uploads\/sites\/2\/colorlib-logo-top-1.png","width":800,"height":400,"caption":"Colorlib"},"image":{"@id":"https:\/\/colorlib.com\/wp\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/colorlib","https:\/\/x.com\/colorlib","https:\/\/www.instagram.com\/colorlib\/","https:\/\/www.linkedin.com\/company\/colorlib","https:\/\/youtube.com\/c\/Colorlib"]}]}},"_links":{"self":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/137568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/users\/697"}],"replies":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/comments?post=137568"}],"version-history":[{"count":3,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/137568\/revisions"}],"predecessor-version":[{"id":386602,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio\/137568\/revisions\/386602"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media\/137569"}],"wp:attachment":[{"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/media?parent=137568"}],"wp:term":[{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_tag?post=137568"},{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/colorlib.com\/wp\/wp-json\/wp\/v2\/portfolio_category?post=137568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}