Hi,

Techically, you can disable moving active tab button to the first left but you need to modify the source code. To modify the source code:

First, you just open “tablooper.dev.js” in the “js” folder.

Second, you find “function SetActiveTab($curView, $newView)” line in the source code. Usually, it’s at line 79.

Then, In the function you will see a snippet like this:

if ( $move != 'prev' ) {
  var $active = $tabholder.find('.loop-activetab');
  var $activeindex = $tabholder.find('.loop-tab').index($active);

  if ( $activeindex > 1 ) {
    for ( var $j=0; $j<$activeindex; $j++ ) {
    $tabholder.find('.loop-tab').eq(0).appendTo($(e).find('.loop-tabstation'));
    }
  }
  else {
    $prevtabs = $tabholder.find('.loop-activetab').prev();
    $prevtabs.appendTo($(e).find('.loop-tabstation'));
  }
}
else { // prev
  $prevtabs = $tabholder.find('.loop-activetab');
  $prevtabs.appendTo($(e).find('.loop-tabstation'));
}

It’s a snippet that is used to move the active tab to the first left. So you can disable this code by add a /* before the code snippet and */ right after it.

Finally, save the “tablooper.dev.js” file and make sure you page is included the “tablooper.dev.js” file (not “tablooper.min.js”).

Now you can refresh and test your page.

That’s it. If you have any trouble when modify the source code just tell me.

Regards.

Thanks, I tried this out, it prevents tabs from moving, but the tab content is not showing, always tab 1 content is displayed, please how can I fix this?

Hi,

For the content display issue you can try this way: http://talk.sonhlab.com/ticket/tablooper-prevent-tab-from-moving-to-1st-postion/58

Regards.

Sorry, this plugin does not have exactly the features like your demo. It can swipe on tab contents only, it can not swipe on tab buttons. When tab content is swiped a related tab button will be aligned at the first left.

Regards.

Yes, if you can edit your theme source you can integrate this plugin into your theme and use it.

Kind regards

Hi,

The TabLooper is not a Joomla extension so if you want to use it in your Joomla site you have to integrate it into your Joomla template by following steps in the documentation.

Kind regards.

Can you tell me if it’s possible to not show the numbers of the tabs. Can we add more then one in the page. Also i would beleive that is easy to change the directory for ajax and finally can you tell me what the weight min of your script

I’m waiting for your answers to buy or not your script.

So please let me know

Hi,

You can disable the number tab easily by set display:none for the tab in CSS.

You can add many TabLooper in one page.

If you want to change ajax content directory you can edit the path in javascript file ( change easily ).

The weight of my script ( minified ) is about 7kB.

Kind regards

Thanks for purchase.

Thank you!

Thank you!