{"id":2129,"date":"2022-11-17T12:12:27","date_gmt":"2022-11-17T06:12:27","guid":{"rendered":"https:\/\/directorist.com\/documentation\/?post_type=wpwax_directorist&#038;p=2129"},"modified":"2022-11-17T12:12:55","modified_gmt":"2022-11-17T06:12:55","slug":"custom-single-listing-page","status":"publish","type":"wpwax_directorist","link":"https:\/\/directorist.com\/documentation\/directorist\/form-and-layout-builder\/custom-single-listing-page\/","title":{"rendered":"Custom Single Listing Page"},"content":{"rendered":"\n<p>You can customize the single listing page to look exactly the way you want. This documentation shows you how to customize the Single Listing Page in Directorist. To customize the settings you need to follow the simple steps:\u00a0<\/p>\n\n\n\n<p><strong>Step 1:<\/strong> You need to select the <strong><em>Directory Builder<\/em><\/strong><em> <\/em>option from <strong><em>Directory Listings<\/em><\/strong> then choose the directory you want to customize<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/dpi23t-HFlXiiZCarKMyV5vwXB5AYPd6hbK9-4JxesM3mHF3tMzklshLPP60Z8q4VYiMtTKmHuOK6Mez8bSH5LmEIsZTn4dDVem0YHWC8QjTOXXnSW4RqoEvqj70Ch8uripQ818bM_ixnISEkbQY1csiMBiAVGvFeSbyRuAm-dF6SV51J7XyDwx08jyQSw\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>Step 2:<\/strong> After selecting the <strong><em>Directory<\/em><\/strong><em> <\/em>you have to select <strong><em>Single Page Layout<\/em><\/strong><em> <\/em>and then select <strong><em>other settings<\/em><\/strong><em> <\/em>and then scroll down and turn on the <strong><em>Custom Single Listing Page <\/em><\/strong>button. Now click the <strong>generate shortcode<\/strong> button to generate the shortcodes and copy them.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/PqG5w6SYphjabAqrqkAJyPIAUJW8IVxlYPYCLLdk0cMJd7N6ywiP6pRcQxBpEK47-44YHlte94-hVPn-6nWl1dDUcIYccdNVAlYRZwu69fHVeFrDdBNY5IWQ-3ksM5VJ4pQDR_RrT3XzZbghVK5GP3GLKJXRCGnl6EZqp8O0YjX3mI5AnaawBas5P91_4A\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/avObo_mtrN_YECjj1Ie4FwMlAkARDGap9vCBTcHn-njBGoZtON0Pp0-k9NJWN-_Ekbw5At_rM8MbI_BqHtC7qzC4UWo2WTHs0Zc4kdo09t9a4UovNQMn_ZZyKUkGHsnwZFLUqeMXUWn9Bi5OXj1JTRqyS0nMMyFmY5M8vRCJh4IppnvCcA9fa4QmM5-ATQ\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/Enm05XZ4bt0zOUejC570yd3ChzrBbzgLUfY-ugFWZeB_LDh3DIVy-SMf1MZIghetBgijkefWrVQiSW8CoE6sR9zN6idYWjAUEfpq3nas7xltkB_ZCkvHH1NfM7QrEjLcu7gkdyUoiwyT-VmgcdaC_HLr4jOpV-xb4uu11UkDXN-xgQGZmTisN7pdmyJieg\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/_xEyMoQWZcZW-tWYWGWztnKZ1KT3-fqF0JipAaalG0b-RHeg4C2j3N9hjii1euRYI7Kxp6OY4OgCd7CaDzfvmpbATsWb4yKPNW4ilU4kfJjWOhXhSTYqpKOFcNl_U7fN5GQNi9jFwbvcBaf9mT3kpORmsLMibEaDnWhw_zd0942WbxEeIO434C1LzR8geQ\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/8b6b2XliOaPNDi5ieD-NTFI8arEismpCuxRfN3jbvZPhLvCABM7Vo2UfIc8zf4-JeMdPoDF05F41caqofTuPNkwsyPUC2xyQ86x1ZpsdsKqo-5Z-6HWwvgobT18yF3tp6IuXJ01xN__bNXSZJs0rq7ltmwpYLLaOA1V9IAq7Z6_rJj5cDq9IS4GxNPQ2-g\" alt=\"\" \/><\/figure>\n\n\n\n<p><strong>Step 3:<\/strong> Create a page for a custom single listing page and design the page the way you want. Then paste the shortcodes that you copied earlier<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/e_rsFqmuQjBY-E6w2AskhTSe04zZYkqKWbIk6pIab-eagyJfqqcJiKg-JPWzCrT-O6RTGilJXXj8SjZFdkF99cfS_yit62zBoWTkzlrpcNiMttCtpHnthpetaf-5qczSVtHv6UtjNUNU1O9hgNEDCCouL0-t4qzcU88nQuZ3tOOr0yvj9DaEJhLs8Anj\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/eLUUlm3Hj_FOOcfGoBJb4Um1k6SQauYsuvyxso08e8Dk6h3pVZTtQ6uMTwFMrTcBFKMjOH6c-iN3G1z3zvC_5m7E3SntTLwQUKDfLMuGjawq1L7_tmGYZCrDVxAp12GWQUhjTrmE3RuAbE3Tl8YL6eIrjDESQYt_wydsB2b9FEvMW22e-yJWRJRE7GjH\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/QI0qDF38A4MLR0v0JWRGUvYJiQ_6uUzYtFdgTC7JRWx_f1QOqbufEHL9-kFssAuyak6ZGg8oXShoMVcjXsv-jsEchh5d8NuNjtQkh2OoayHZ5QgT33_W_LNYYZXPqbWZ6xiEq2TyGlqICOPT2_3btSwMEqFpY3Qqbke6ESxn3cvVyGshujjtorDTKSfP\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/aPDezPRwyubAyqJgL1gctmsJyZdfw5REqgxJWz1W_n-mt1FXH0FBun8ovegg5zAUAz5q1kKv_oFPszQPLjoMUNVhlChk-Lo_Ff0-_0AG1sR6tObhroUOyu5gYoHChIdGnWMNNai6sTOgZ4_WmhgOcT7XbtnXTLetUUT7Ej8neLIKzRpoBYKzs4St1N1A\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/ocFZRLlpyN4Eo3gPhNIEQV6LbURrgF606SmUJhj_LkdSXlf26_lxX_e_DxQ88bCvCMo4vPcV8Iaxtf6CoGC34p2zz79wy2pDg8CPXxij0_ZS-qX7G3vNvRx4J2cX3c0RGbzMHLL1W2xyH2a9Uxx33nopOeh3gLUsuhs3Zlkj3YTh3AHHyIUGiMLKCAFYgQ\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/eYnH5Sw_ifbAZowiDgeSSDGEoCxKqKJbZ9cktg4O6_ZMd19lIN6yhNM-G-M3uBWwp0838iqhDOFdAB30kgkWDtLjDekBv9FyLRoNFA6QztiSeH2iUd11r1frfORKKrXjmCFAfD-Kkxx01oCCCJzhxKK__C0qAHQY44QTIYLKZ-0sXOdeqlBpopTtEDU-bQ\" alt=\"\" \/><\/figure>\n\n\n\n<p>Now publish the newly created page.<\/p>\n\n\n\n<p><strong>Step 4:<\/strong><strong> <\/strong>Now select the <strong>Custom Single listing page <\/strong>from the <strong>Single listing page <\/strong>option and click the <strong>Update<\/strong> button.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/IvKkkNCZ_skp6NIAYd_ZRZp8fMRm857CX0XsU8-RhOiDLYEhxb5f8nxy8qspBe8NkkyrlN_f71ZS0lJPr-EUgsk1ty7DZuy3naKIaKpj-kCNJSrjzZDinxXJAAU9vc4gBZLmUEQn_8Z6vMLL5IibKVVdMTubmVDeLkmjQDnw6yk-I4PyD4Pi9bUZhYGkTA\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/BYWM3tu4xn326Re4f6p25Bhk3kMtqWnZoM3Kdu4-Uz_trVkC1m-liZ01a5KXVu4q89ejmpMBrWWWStleP3muh-S4BxnAW8BB59edZHIlV-3hH5O9SHflh0B5EfKO9e25c_UowI3W1wCydB5hl2r0quHmhx5iTXW4KyFPnxucCk5JylZOKJErEm8028IQXQ\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/b4dJqJvFDX7AvaXf6e6MC2U9WIPYtHktkpBncrr0jpWiKTMi0zUPGdE7l30wwzWKH7CneJ6CKQ6_WCQ4aZ4y5lS_LoemAODoXDxUAseeujR3ZQYFD0c-fDo7tC_RU-x4tSHJlLfvJ0gdxIJTCgklozjuXBMZ2j4oJLRWvqUVxGyNgtpLOIjYtgb6bEpq1A\" alt=\"\" \/><\/figure>\n\n\n\n<p>Congratulations! You\u2019ve successfully created a custom listing page for your listing.<\/p>\n\n\n\n<p><strong>Note:<\/strong> If you wanna create a custom shortcode for any particular input field then you have to create a <strong>custom section<\/strong> from the <strong>Single Page Layout &gt; Content<\/strong> option&nbsp; <strong>Add Section<\/strong> button.&nbsp;<\/p>\n\n\n\n<p>Suppose, you want to phone &amp; email in the different blocks on the <em>single listing page. <\/em>So, you need to create a custom section with the phone &amp; email fields then a unique shortcode will generate for that section.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/j5c_J4FqIDnfvIOqBVCq-RdurOazVB8vZoMnOI_2bbv5eVsdy9XsZaJ68bTQ7nDjoGdVsKoLayLwyqZAWuJkGZS05SiQo6bSCvkdnBVjpE6qjmAi8b_kqrCddsbxwrmiASYdlglc1-0ZdwbMCcuTzKplP9B3Hf6I01wZS_CJlthCWEP4gpHdCIOONbJS0Q\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/RTPsc0cmMjl-sY4yUQDX2NYzTN7BWFm1DoRg9U2B9ial-nPVx1iEUMaxs4Z2i0ZXqtFQIcP24rilx94AztSx3gZQy3TxnH-0FXkcFV_tz1siwLX0E0eHhBYe1kVscXWJ9EatHP2DBNR7TWetzrsLGw7A2F_XCjVNA3GFy56mLT7uS5GgFAexrh_AG3vLOg\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/kVVbr59OgFfPdMa4r6aP4hwBNu5UF2UsymLyYYXT_hzFjZPvZ86BSkMER6n-UYvQSRlYbnUUnWp-GlgqESePoW4v5UTe5e0BYLAjNrVZ87Ek8XT77y4K2UQhn0UkDQ_bTGHse7KieIb8bHSCebkdKP4p28prfor18H0RCsAQ74er90SPdWM_OoicPh_dFg\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/C0LOjAO4jMJWdrc3oHhjgYgJLqufZ9i2lsWVGWy-RfgmRNk-1KILdn65Z9jnxxWRFZlmBIRWY7SRFZTEidvLsl-rPKAwLOZmPgKaZlnhDQwo03TEK_E6UCdsyIaphfQfdoSbVAWp1AZB4zd8DVCb5odLKXH_EzO_EADBVTzwqcx9ENO24LYJd7pwIuq44Q\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/1Ysp_dtDfp7TQo0jijEb_IHOUlzPCWbuIfk975dM_cYDHSHRXJGGBPqBfqCDaQN-wmVfTRrA5kkuN_5J0-y3TKsMK5hiz6lAFi56WS5kuKHAMklOQQrFP-5O2ktH7IuULH2fr5fGS8DLfFyiaU6zaHdObHSVSAwwALY1snPcm_uJvy5M_KAj2tZF8ErBdA\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/mWus6TzLTHr0YzZa9vqRPPJMWFs-RX9XcPmwT6RXrMe6Go3Hlk97x6d_N1kAOB1yKi_Hei54NUyB2klX3lc5FJXO6YVceggqKmSP_zFilw7niIFInc_0K54ny8L23T39Qkbhi36955yjcpW564TmxBM29NBYiT8whkQdzC8wQ7h82oRqZ1voU-N0r80P3A\" alt=\"\" \/><\/figure>\n\n\n\n<p>You can also change the section label, icon, and so on. Now you can use this shortcode for your Custom single listing page.<\/p>\n\n\n\n<p>Please note that you can not change the<em> header section. <\/em>If you want to customize the header section then you need to go to <strong>Single Page Layout &gt; Listing Header <\/strong>and from here you can change the header layout.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/rdYnGJKa6A285Aoun3XqV7mAVHqhdHX_QvAj94E9wptu-9i7ITBBpeAtrqCeZTKDME_G5XZiqV0gXtieRFX3uL4vo7kgARurMF6VUBOvsTqguT-yJzILa-FOeimEiAFmxDF41Wxlh_sfUB_8Vt77ysBpwlS9BytY9xxhiFYXk74Zc3NeKqozMlhqX0a8RQ\" alt=\"\" \/><\/figure>\n\n\n\n<p>That&#8217;s how you can customize the Single Listing Page in Directorist.<\/p>\n","protected":false},"author":6966,"parent":0,"menu_order":0,"template":"","class_list":["post-2129","wpwax_directorist","type-wpwax_directorist","status-publish","hentry","wpwax_directorist_category-form-and-layout-builder"],"acf":[],"_links":{"self":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_directorist\/2129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/wpwax_directorist"}],"about":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/types\/wpwax_directorist"}],"author":[{"embeddable":true,"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/users\/6966"}],"wp:attachment":[{"href":"https:\/\/directorist.com\/documentation\/wp-json\/wp\/v2\/media?parent=2129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}