Tableau Responsive Theme - Support Thread

[SpaceMonkey]

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!

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.

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:

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:

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:

<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:

<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