Latest from our blog

Latest from our blog

Module position: home-3

Module class suffix: book-shelf

If you want to display your content like this you have to create a custom module and publish the custom module like below

Step-1:

Step-2:

Step-3:

Step-4:

Add the following code in your custom module

<div>
    <ul class="nav nav-pills">
        <li class="active"><a href="#latest_books" data-toggle="tab"><span>Latest books</span></a></li>
        <li><a href="#best_books" data-toggle="tab"><span>Bestselling books</span></a></li>
        <li><a href="#recent_books" data-toggle="tab"><span>Recent books</span></a></li>
    </ul>
    <div class="tab-content">
        <div id="latest_books" class="tab-pane fade active in">{loadposition latest-books}</div>
        <div id="best_books" class="tab-pane fade">{loadposition best-books}</div>
        <div id="recent_books" class="tab-pane fade">{loadposition recent-books}</div>
    </div>
</div>