
Originally Posted by
jenchord
Loving the template!
In fact, my store is about to go live. A couple of very minor things I want to tweak yet.
For one, I would like to have the featured products be the default active tab instead of the bestsellers tab.
I know what to modify as far as the template files go, but when it comes to javascript I'm lost. Anybody have any suggestions?
This template has such a good look and I love it on mobile too. Thanks, Numinix!

Originally Posted by
RickyDicky
Anyone figure out how to change the tab that the carousel start on from "Best Sellers" to "Featured"? Read a few posts a while back and managed to change the order of the tabs, but not which one appears first/open.

Originally Posted by
Donna_in_MO
Greetings,
I am in the process of implementing this template on my site. I have modified it so that on the main page that it shows Newest Items, Featured, then Best Sellers.
I was wondering how I could get the default 'selection' to be the newest items instead of best sellers?
Thanks,
Donna
Hi Guys,
If your still interested here's how it's done.
Two files to modify:
File 1. includes\templates\tableau\jscript\jqueryjquery_tabs_index.js
Change this:
Code:
jQuery(document).ready(function() {
// create and process tabs
jQuery('.tabContent').hide().first().show();
jQuery('#infoTabs li').bind('click', function(){
//open when click
jQuery('#infoTabs li').removeClass('active');
jQuery(this).addClass('active');
jQuery('.tabContent').hide();
jQuery('#' + jQuery(this).attr('id') + 'Content').show();
jQuery('#' + jQuery(this).attr('id') + 'Content').find("img").each(function(e){
var $img = jQuery(this).attr("data-src");
jQuery(this).attr("src", $img);
});
});
});
To this:
Code:
jQuery(document).ready(function() {
// create and process tabs
jQuery('.tabContent').not('#tabFeaturedContent').hide();
jQuery('#infoTabs li').bind('click', function(){
//open when click
jQuery('#infoTabs li').removeClass();
jQuery(this).addClass("active");
jQuery('.tabContent').hide();
jQuery('#' + jQuery(this).attr('id') + 'Content').show();
jQuery('#' + jQuery(this).attr('id') + 'Content').find("img").each(function(e){
var $img = jQuery(this).attr("data-src");
jQuery(this).attr("src", $img);
});
});
});
File 2. includes\templates\tableau\templates\tpl_index_default.php
Find this:
Code:
<ul id="infoTabs">
<li id="tabBestSellers" class="active"><span><?php echo TITLE_HOME_TAB_BEST_SELLER; ?></span></li>
<li id="tabFeatured"><span><?php echo TITLE_HOME_TAB_FEATURED_ITEMS; ?></span></li>
<li id="tabNew"><span><?php echo TITLE_HOME_TAB_NEW_PRODUCTS; ?></span></li>
Change it to this:
Code:
<ul id="infoTabs">
<li id="tabBestSellers"><span><?php echo TITLE_HOME_TAB_BEST_SELLER; ?></span></li>
<li id="tabFeatured" class="active"><span><?php echo TITLE_HOME_TAB_FEATURED_ITEMS; ?></span></li>
<li id="tabNew"><span><?php echo TITLE_HOME_TAB_NEW_PRODUCTS; ?></span></li>
Just change the bit in red. 
If you wanted to have the new tab open change the reference in files 1 & 2 for the tabNew in both files.
I hope this helps someone else. Enjoy
Bookmarks