Joomla Templates Club 406,261 posts

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#191379

HI

When I added 20 items to K2 content module in sidebar-2 position – only 12 items are displayed.
Whats more: other modules (also one including Joomla copyright notice) below above mentioned in sidebar-2 position are not displayed at all. However they are in the webpage source code.

Looking forward

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#509172

Hi portalion,

That is really normal. On JA Argo template, we defined the left inset and right sidebar as the fixed sections when scrolling, that is why the height of sidebar is not enough to show more than 12 items on front-end.

If you really want to display all 20 items, you can try to put below overridden css styles into templates/ja_argo/css/custom.css file:

#Mod137 div.k2ItemsBlock ul li {
margin-bottom: 0;
padding: 0;
}

#Mod137 div.k2ItemsBlock ul li a.moduleItemTitle {
font-size: 14px;
}

Reduce the font-size until you can display 20 items, and while the #Mod137 is the ID of the displaying module.

Note: Generally, we don’t recommend the JA members to do that because it will make the layout of right sidebar section look not well.

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#509365

Hi Leo,

Thanks for your engagement 🙂

I am not happy with what I learned from your post.
All in the web should obey Google rules.
Every piece of content and links presented in the code must be visible to users.
Nothing may be hidden, because otherwise the website may be pubished.

Furthermore, assumption of fixed inset and sidebar I think is far from web usability.
As you see on my example: bottom content in sidebar is not displaed, limitations in mumber of links – that is all that we shouldn’t expect running websites.

Argo is very nice-looking piece of work but from my (webmaster) point of view Argo is not ready at this stage for web purposes.

I’d like to know whether we should expect a patch to correct above mantioned things.
Important for me because I have already spend several days on this template and I’d like to know what to do next.

Looking forward

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#509483

Hi portalion,

You know, we just only defined the infinite scroll for the modules at “inset” position on JA Argo template, no sidebar-2 position. That is why the K2 content module (sidebar-2) position doesn’t make all 20 items visible with scrolling view.

This request is related to customizing our template feature which generally is not under our support policies. But, if you can wait me some time, I will try to edit the jQuery file so that we can have the scroll bar on sidebar-2 modules also.

I will back to reply you with detailed guides by next Monday if possible. Can you wait for this ?

2 users say Thank You to phong nam for this useful post

1. portalion
2. Arvind Chauhan

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#509519

Hi Leo,

Thank you, of course I shall wait 🙂 I appreciate your help.

I think that changes you are willing to introduce will be usefull not only for me.
Better templates mean more happy webmasters.
While you are working on this please consdier to give people possibility (in Admin) to choose how sidebar-2 works (fixed ora infinity) – this is only my suggestion.

Best regards

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#509876

Hi Leo, are there any news in this subject?

[portalion Friend portalionJoin date: October 2009Posts: 63Downloads:0Uploads:5 Thanks: 11 Thanked: 2 times in 1 posts]

#510418

Hi, please let me know how things are

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#510606

Hi portalion,

I am sorry for being late in getting back to you, the customization was not simple as I thought before. But, I have already done it. You can backup your files and follow below steps carefully:

1. Open templatesja_argotplsblocksmainbody-content-left.php file, replace 79-87th lines:


<div class="sidebar-affix <?php $this->_c($sidebar2)?>">
<jdoc:include type="modules" name="<?php $this->_p($sidebar2) ?>" style="T3xhtml" />

<?php if($this->getParam('t3-rmvlogo', 1)): ?>
<div class="poweredby">
<small><a href="http://t3-framework.org" title="Powered By T3 Framework" target="_blank">Powered by <strong>T3 Framework</strong></a></small>
</div>
<?php endif; ?>
</div>

with

<div class="sidebar-affix <?php $this->_c($sidebar2)?> scrollcontainer">
<div class="t3-sidebar-inner viewport">
<div class="overview">
<jdoc:include type="modules" name="<?php $this->_p($sidebar2) ?>" style="T3xhtml" />
</div>
</div>
<?php if($this->getParam('t3-rmvlogo', 1)): ?>
<div class="poweredby">
<small><a href="http://t3-framework.org" title="Powered By T3 Framework" target="_blank">Powered by <strong>T3 Framework</strong></a></small>
</div>
<?php endif; ?>
</div>

2. Open templatesja_argojsscript.js file, add below script codes into 562th line:

//initilized scrollbar for sidebar-2 position.
(function(){

var sid = null,
scrollbar = $('.sidebar-affix.scrollcontainer'),
overview = scrollbar.find('.overview:first'),
viewport = scrollbar.find('.viewport:first'),

resize = function(){
var wheight = Math.min(overview.height(), Math.max($(window).height() - 80));

viewport.css('height', wheight);

scrollbar.jascrollbar('options', {
size: wheight
}).jascrollbar('update', 'relative');
};

viewport.after('<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>');
viewport.css('height', Math.min(overview.height(), $(window).height() - 80));
scrollbar.find('.scrollbar').css('top', viewport.prev().outerHeight(true));
scrollbar.addClass('scrollcontainer').jascrollbar();

$(window).on('resize.sbar', function(){
clearTimeout(sid);
sid = setTimeout(resize, 500);
}).trigger('resize.sbar');

$(window).load(function(){
var active = overview.find('li.active .mod-articles-category-title, .mod-articles-category-title.active');
if(!active.length){
active = overview.find('li.active .moduleItemTitle, .moduleItemTitle.active');
}

scrollbar.jascrollbar('update', active.length ? (active.offset().top - overview.offset().top) : 'relative');
});

})();

By that way, the scrollbar will be available on both t3-inset and sidebar-2 positon.

Note: In step 1, if your layout is using the mainbody-content-right block, you can apply the changes on mainbody-content-right.php file. And follow the step2 normally, everything will be also fine then.

[Author]

Posts