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.
Related Topics
Popular This Month
Latest Topics
- How to adjust category display
- Custom Fields – How to delete pre-settings?
- Greyed out button – My details [my-account]
- Micro Job Theme (money withdrawal)
- Display of messages in the chat between users on the mobile phone
- Shop Theme with Woocommerce
- Search Page Design
- Directory Press > Remove Ratings
- Language Directorypress V10
- Website Screenshot Plugin for V10
JamesD
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
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
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
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
@Trina B
Also note that I’ve only tested this with the default BT.