Tableau Responsive Theme - Support Thread

[s_mack]

is jquery_tabs_index.js supposed to go somewhere?

[s_mack]

I don't know if anyone's pointed this out (or if they or you care), but your template, as distributed, contains some errors. I came across these pretty quickly so there very well may be more. Easy to fix, and most of them are irrelevant anyway because they really only impact you if you use the default banners.

In your installer script at: \admin\includes\installers\tableau\1_0_0.php you are missing the closing tag from your banner images, and you have a superfluous one on a div tag, both of which throw validation errors unnecessarily. So change:

  ('Your banner title', 'homepageslide', '<img src=\"images/banners/skyhigh.png\" alt=\"\" class=\"banner-img\"><div class=\"banner\" /><p>The sky is the limit!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/success.png\" alt=\"\" class=\"banner-img\"><div class=\"banner\" /><p>Turn Your Idea into Success!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/unique.png\" alt=\"\" class=\"banner-img\"><div class=\"banner\" /><p>Unique and Exciting!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/customized_template.png\" alt=\"\" class=\"banner-img\"><div class=\"banner\" /><p>Get Up and Running Fast!</p></div>', 1, 1),

to

  ('Your banner title', 'homepageslide', '<img src=\"images/banners/skyhigh.png\" alt=\"\" class=\"banner-img\" /><div class=\"banner\"><p>The sky is the limit!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/success.png\" alt=\"\" class=\"banner-img\" /><div class=\"banner\"><p>Turn Your Idea into Success!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/unique.png\" alt=\"\" class=\"banner-img\" /><div class=\"banner\"><p>Unique and Exciting!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/customized_template.png\" alt=\"\" class=\"banner-img\" /><div class=\"banner\"><p>Get Up and Running Fast!</p></div>', 1, 1),

For those that already installed, there's no point in doing this... you'll instead have to make the same changes to the banners in your admin (but again, you probably customized them anyway so this really is only for the distributed package).


Another error (that does affect everyone) is thrown by the menu link that goes nowhere on the mobile nav. In \includes\templates\tableau\common\tpl_header.php you have a line like so:

<div id="mobile-nav" class="back"><a href="#menu-selector" class="icon header-menu">&#xe004;</a></div>

Since there is no element called "menu-selector", an error is thrown (even though it works). I'd suggest either making that href go to simply "#" or, for the sake of not putting a hashtag in your url, you could get rid of href alltogether like this:
[code]<div id="mobile-nav" class="back"><a class="icon header-menu">&#xe004;</a></div>[code]
and then modify the \includes\templates\tableau\css\stylesheet_responsive.css file to give you a mouse pointer so it still behaves like an href:

	#mobile-nav {
		font-family: 'menu-icon';
		display: block;
		line-height: 188%;
	}

becomes

	#mobile-nav {
		cursor: pointer;
		font-family: 'menu-icon';
		display: block;
		line-height: 188%;
	}

There's more than one way to skin that particular cat, but those changes takes you from 26 validation errors to zero.

[Enzo]

Hello, I've setup a test bed and installed zen cart 1.54 and the latest version of tableau 1.5.2. I then added products and when i view the products, the product name and other product related info is overlayed on top of the product image. Here is a pic:



This is a fresh install of zencart, tableau and the only other modification is that I added ezpopulate 4.0 (the version located on github)

At first I thought it was because something did not upload correctly, but I have completely started from scratch now 3 times. The first two times were with zen 1.54 and tableau 1.5.2 The last attempt was with tableau 1.5.1 thinking there was something wrong with 1.5.2. Unfortuantely, this resulted in the same problem.

I also tried comparing css from my test site and the demo site on numinix.com

I also installed this locally with xampp and this problem occurred. I then did fresh installs on my hosting account thinking there would be a difference between the xampp installation and my hosted account. Unfortuantely, the results were exactly the same. I now only have this installed locally so I don't have a link to provide.

If anyone else has experienced this problem and resolved the issue, I would appreciate your assistance.

Thanks.

[Enzo]

Hello, I've setup a test bed and installed zen cart 1.54 and the latest version of tableau 1.5.2. I then added products and when i view the products, the product name and other product related info is overlapped on top of the product image. Here is a pic:



This is a fresh install of zencart, tableau and the only other modification is that I added ezpopulate 4.0 (the version located on github)

At first I thought it was because something did not upload correctly, but I have completely started from scratch now 3 times. The first two times were with zen 1.54 and tableau 1.5.2 The last attempt was with tableau 1.5.1 thinking there was something wrong with 1.5.2. Unfortunately, this resulted in the same problem.

I also tried comparing css from my test site and the demo site on numinix.com and couldn't find a difference.

Also, I currently have this installed on an xampp installation. I did have this installed on my hosted account and my hosted account is where I tried the three fresh installs. In every case, the resulting overlap issue occured. I only have this installed locally with xampp now so I cannot provide a link at this time.

If anyone else has experienced this problem and has an answer for what is happening, I would appreciate your solution.

Thanks.

[numinix]

Hello, I've setup a test bed and installed zen cart 1.54 and the latest version of tableau 1.5.2. I then added products and when i view the products, the product name and other product related info is overlapped on top of the product image. Here is a pic:



This is a fresh install of zencart, tableau and the only other modification is that I added ezpopulate 4.0 (the version located on github)

At first I thought it was because something did not upload correctly, but I have completely started from scratch now 3 times. The first two times were with zen 1.54 and tableau 1.5.2 The last attempt was with tableau 1.5.1 thinking there was something wrong with 1.5.2. Unfortunately, this resulted in the same problem.

I also tried comparing css from my test site and the demo site on numinix.com and couldn't find a difference.

Also, I currently have this installed on an xampp installation. I did have this installed on my hosted account and my hosted account is where I tried the three fresh installs. In every case, the resulting overlap issue occured. I only have this installed locally with xampp now so I cannot provide a link at this time.

If anyone else has experienced this problem and has an answer for what is happening, I would appreciate your solution.

Thanks.

Hello -

Can you please provide us with a link to your site?

[numinix]

is jquery_tabs_index.js supposed to go somewhere?

Yes it goes inside the jQuery directory as it is packaged with the template.

[numinix]

I don't know if anyone's pointed this out (or if they or you care), but your template, as distributed, contains some errors. I came across these pretty quickly so there very well may be more. Easy to fix, and most of them are irrelevant anyway because they really only impact you if you use the default banners.

In your installer script at: \admin\includes\installers\tableau\1_0_0.php you are missing the closing tag from your banner images, and you have a superfluous one on a div tag, both of which throw validation errors unnecessarily. So change:

  ('Your banner title', 'homepageslide', '<img src=\"images/banners/skyhigh.png\" alt=\"\" class=\"banner-img\"><div class=\"banner\" /><p>The sky is the limit!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/success.png\" alt=\"\" class=\"banner-img\"><div class=\"banner\" /><p>Turn Your Idea into Success!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/unique.png\" alt=\"\" class=\"banner-img\"><div class=\"banner\" /><p>Unique and Exciting!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/customized_template.png\" alt=\"\" class=\"banner-img\"><div class=\"banner\" /><p>Get Up and Running Fast!</p></div>', 1, 1),

to

  ('Your banner title', 'homepageslide', '<img src=\"images/banners/skyhigh.png\" alt=\"\" class=\"banner-img\" /><div class=\"banner\"><p>The sky is the limit!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/success.png\" alt=\"\" class=\"banner-img\" /><div class=\"banner\"><p>Turn Your Idea into Success!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/unique.png\" alt=\"\" class=\"banner-img\" /><div class=\"banner\"><p>Unique and Exciting!</p></div>', 1, 1),
  ('Your banner title', 'homepageslide', '<img src=\"images/banners/customized_template.png\" alt=\"\" class=\"banner-img\" /><div class=\"banner\"><p>Get Up and Running Fast!</p></div>', 1, 1),

For those that already installed, there's no point in doing this... you'll instead have to make the same changes to the banners in your admin (but again, you probably customized them anyway so this really is only for the distributed package).


Another error (that does affect everyone) is thrown by the menu link that goes nowhere on the mobile nav. In \includes\templates\tableau\common\tpl_header.php you have a line like so:

<div id="mobile-nav" class="back"><a href="#menu-selector" class="icon header-menu">&#xe004;</a></div>

Since there is no element called "menu-selector", an error is thrown (even though it works). I'd suggest either making that href go to simply "#" or, for the sake of not putting a hashtag in your url, you could get rid of href alltogether like this:
[code]<div id="mobile-nav" class="back"><a class="icon header-menu">&#xe004;</a></div>[code]
and then modify the \includes\templates\tableau\css\stylesheet_responsive.css file to give you a mouse pointer so it still behaves like an href:

    #mobile-nav {
        font-family: 'menu-icon';
        display: block;
        line-height: 188%;
    }

becomes

    #mobile-nav {
        cursor: pointer;
        font-family: 'menu-icon';
        display: block;
        line-height: 188%;
    }

There's more than one way to skin that particular cat, but those changes takes you from 26 validation errors to zero.

Thanks for the feedback. We will look into this. We are not sure we totally agree with you approach of getting rid of the href all together from a semantic standpoint; however, we value your suggestion. We will look into fixing the banner problem immediately.

[s_mack]

Yes it goes inside the jQuery directory as it is packaged with the template.

The package I downloaded has that file just sitting outside of the rest of the structure, in the root zip folder. It is NOT in a jQuery directory, which is why I asked.

[numinix]

The package I downloaded has that file just sitting outside of the rest of the structure, in the root zip folder. It is NOT in a jQuery directory, which is why I asked.

Ahh, thanks for pointing that out. We will get that fixed.

Thanks!

[mikestaps]

Hello, I've setup a test bed and installed zen cart 1.54 and the latest version of tableau 1.5.2. I then added products and when i view the products, the product name and other product related info is overlapped on top of the product image. Here is a pic:



This is a fresh install of zencart, tableau and the only other modification is that I added ezpopulate 4.0 (the version located on github)

At first I thought it was because something did not upload correctly, but I have completely started from scratch now 3 times. The first two times were with zen 1.54 and tableau 1.5.2 The last attempt was with tableau 1.5.1 thinking there was something wrong with 1.5.2. Unfortunately, this resulted in the same problem.

I also tried comparing css from my test site and the demo site on numinix.com and couldn't find a difference.

Also, I currently have this installed on an xampp installation. I did have this installed on my hosted account and my hosted account is where I tried the three fresh installs. In every case, the resulting overlap issue occured. I only have this installed locally with xampp now so I cannot provide a link at this time.

If anyone else has experienced this problem and has an answer for what is happening, I would appreciate your solution.

Thanks.

I am having the same issue on only some of the products... I haven't really dug into it yet but I think it has to do with the size of the image for that item...
You can see it here on this item - 17-076
and not here on this item - 17-074

I'm thinking image issue due to the fast the degree of overlap varies... see here - 20-013