Trina B

Modify listing details page DT 8.9.7

Hi, I'm trying to modify the Business Directory Theme 8.9.7 content-single-listing-business.php file and remove all the tabs from the listing details page and leave the complete information on one single page o tab. I want to leave the top section intact but remove the tabs and the information that is on each of the tabs and leave it on a single page o tab. I have also tried editing section Theme Settings > Page Setup > Enable Custom Display > but i don't know which parts of the php code i should delete. Below the top section I want to leave original I want to add these Shortcodes in the following order: [CONTENT] [FIELDS] [CONTACT style="2"] [GOOGLEMAP] [COMMENTS box=1] [RELATED] In the attached image I have made a photoshop simulation of the desired change. Also the .zip file can view the content-single-listing-business.php file. Thank you.

Created: June 25, 2018 at 9:14 pm
  • In: Directory Theme
  • Started by: Trina BTrina B
  • 2 members left 5 comments
  • Last reply from: JamesDJamesD

  • JamesD
    JamesD
    June 26, 2018 at 2:55 am

    Hello Trina B,

    You’ll need to modify/tweak the styling/data to what you need, but this should be a good starter template for you:

    Go to “Theme Setup > Page Setup> Listing Page”. Then make sure “Enable Custom Display” is turned on and place the following within that custom setting:

    <div class="default-listing panel-default">
    [STICKER]
    <div class="pull-right dsocial">[D_SOCIAL size=16]</div>
    <div class="panel-heading">[TITLE]</div>
    < ol class="breadcrumb">
    <li >[FAVS]
    <li >[DATE]
    <li >[FEEDBACK]
    <li class="pull-right">[RATING small=1]
    <li class="pull-right hidden-xs"><i class="fa fa-area-chart"></i>[hits]
    <li class="pull-right hidden-xs">#[ID]
    </ ol>
    <div class="row">
    <div class="col-md-6">[IMAGES]</div>
    <div class="col-md-6">
    [EXCERPT] [FIELDS smalllist=1] [THEMEEXTRA]
    <div class="clearfix"></div>
    </div>
    </div>
    <div class="well">
    <h1>[TITLE]</h1>
    [CONTENT]
    </div>
    <div class="well">
    <h3>Resume Details</h3>
    <hr />
    [FIELDS]
    </div>
    <div class="well">[GOOGLEMAP]</div>
    <div class="well">[COMMENTS tab=0]</div>
    <div class="well">[CONTACT style="2"]</div>
    <div class="well">[RELATED]</div>
    <div class="clearfix"></div>
    </div>
    <script>
    jQuery(function(){jQuery('a[title]').tooltip();});
    </script>

  • JamesD
    JamesD
    June 26, 2018 at 3:05 am

    Please note that you should remove the spaces from “< ol”,”</ ol” and “<li >”.
    I added them so they would be displayed as the code and not HTML in the above post.

  • Trina B
    Trina B
    June 26, 2018 at 3:12 am

    Hi, JamesD, after place the code in the Custom Display section the detail page is moved out of the borders of the original design.

    I have to make some adjustments to keep it within the template design spaces.

    You can see the attached screenshot

    I removed the spaces from “< ol”,”</ ol” and”<li >”.

    Thank you.

    Attachments:
    You must be logged in to view attached files.
  • JamesD
    JamesD
    June 26, 2018 at 3:33 am

    Here’s a text file with the template (just in case some was altered/missing).

    Attachments:
    You must be logged in to view attached files.
  • JamesD
    JamesD
    June 26, 2018 at 4:00 am

    @Trina B
    Also note that I’ve only tested this with the default BT.


Viewing 6 posts - 1 through 6 (of 6 total)