Business Directory – Custom Search & Listing Page

  • Kelvin
    Kelvin
    Newbie 4 points
    March 24, 2015 at 2:52 pm

    This is a edit for custom BT Content Pages, but keeps most of new look.

    Hope this helps others!

    Listing Pages Layout
    ———————————–

    <div class=”panel default-listing panel-default”>
    [STICKER]
    <div class=”panel-heading”>
    [TITLE]
    </div>

    1. [FAVS]
    2. [FEEDBACK]
    3. <li class=”pull-right”>[RATING]
      <li class=”pull-right hidden-xs”><i class=”fa fa-area-chart”></i> [hits]
      <li class=”pull-right hidden-xs”>#[ID]

    <div class=”panel-body”>
    <div class=”pull-right”>[SOCIAL]</div>
    </div>
    <div class=”col-md-6″>
    [IMAGES]
    </div>
    <div class=”col-md-6″>
    <table align=center><tr>
    <td width=’21px’><i class=’fa fa-map-marker’></i></td><td>[LOCATION]</td></tr>
    <td width=’21px’><i class=’fa fa-phone’></i></td><td>[phone]</td></tr>
    <td width=’21px’><i class=’fa fa-external-link’></i></td><td>Visit Website</td></tr>
    </table>
    [THEMEEXTRA]
    <div class=”clearfix”></div>
    </div>
    <div class=”clearfix”></div>
    <div class=”board”>
    <div class=”board-inner”>
    <ul class=”nav nav-tabs” id=”Tabs”>
    <div class=”liner”></div>
    <li class=”active”><span class=”round-tabs one”><i class=”fa fa-file-text-o”></i></span>

  • <span class=”round-tabs two”><i class=”fa fa-bars”></i></span>
  • <span class=”round-tabs three”><i class=”glyphicon glyphicon-comment”></i></span>
  • <span class=”round-tabs four”><i class=”fa fa-map-marker”></i></span>
  • </div>
    <div class=”tab-content”>
    <div class=”tab-pane fade in active” id=”home”> <h1>[TITLE]</h1> [CONTENT]</div>
    <div class=”tab-pane fade” id=”messages”><div class=”well”><h3>Listing Details</h3> <hr /> [FIELDS hide=”address|phone”] </div> </div>
    <div class=”tab-pane fade” id=”settings”>[CONTACT style=”2″]</div>
    <div class=”tab-pane fade” id=”doner”>
    <div class=”well”>
    <h3>Listing Location</h3>
    <hr />
    [GOOGLEMAP]
    </div>
    <script>
    jQuery( “#GoogleMapTab” ).click(function() {
    setTimeout(function () {google.maps.event.trigger(map, “resize”); map.setCenter(marker.getPosition()); }, 200);
    });
    </script>
    </div>
    <div class=”clearfix”></div>
    </div>
    </div></div>

    Search Page Content Layout
    ——————————————————
    <div class=”itemdata default-content itemid>
    <div class=”thumbnail clearfix”>
    <div class=”col-md-11″>
    <div class=”wrap”>
    [IMAGE hover=1 hover_content=5] [RATING small=1]
    <h1>[TITLE]</h1>
    <ul class=”list-inline”>

  • [LOCATION]
  • <i class=”fa fa-phone-square”></i> [phone]
  • <div class=”hidden_grid”><hr /> <small>[EXCERPT size=180]</small> </div>
    </div>
    </div>
    <div class=”col-md-1 hidden_details”>

    </div>
    </div>


  • Josh
    Super Guru 13,875 points
    March 24, 2015 at 3:57 pm

    Thanks for sharing 🙂

  • Viewing 2 posts - 1 through 2 (of 2 total)

    New Business Themes for WordPress 2020

    Start your new website today!

    View Business Themes