Joomla Templates Club 406,261 posts

[joomlafans Friend joomlafansJoin date: April 2014Posts: 74Downloads:8Uploads:16 Thanks: 32 Thanked: 9 times in 1 posts]

#973866

Greetings. How can I create a side tab (check attached image)that displays the latest and most read articles from one category only?

thank you

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#973874

Hi

First you will need to create a custom module with below code and publish it in sidebar-1 position

Code :

<div><!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#home" data-toggle="tab">Most read</a></li>
<li><a href="#profile" data-toggle="tab">Latest news</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div id="home" class="tab-pane active">{loadposition tab-1}</div>
<div id="profile" class="tab-pane">{loadposition tab-2}</div>
</div>
</div>

Then create an articles category module and publish it in tab-1 position and a latest news module published in tab-2 position

Regards

---

Attachments:

1. 

[joomlafans Friend joomlafansJoin date: April 2014Posts: 74Downloads:8Uploads:16 Thanks: 32 Thanked: 9 times in 1 posts]

#974047

Hi
This module already exists as default. I would like to create another one for a single category.
when I follow your steps it keeps changing the default module.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#974185

Modify code above as showed below to add a new tab position.

<!-- Tab panes -->
<div class="tab-content">
<div id="home" class="tab-pane active">{loadposition tab-1}</div>
<div id="profile" class="tab-pane">{loadposition tab-2}</div>
<div id="profile2" class="tab-pane">{loadposition tab-3}</div>
</div>
</div>

Publish a new module in tab-3 position

Regards

1 user says Thank You to pavit for this useful post

1. joomlafans

[Author]

Posts