Tableau Responsive Theme - Support Thread

spawnie69:

current tableau template 1.6.8 on mobile displays just BEST SELLERS only on front Is there a way to have tabs for BEST SELLERS - NEW - FEATURED - SPECIALS ?

There isn't at this time, however you could flip them around so it would show the one you would like.

bislewl:

I usually just remove them from the includes/templates/tableau/templates/tpl_SOMETHING.php

That avoids it from loading completely

Found the file....tpl_product_info_display.php removed the section that mentioned accordion features. Thanks bislewl for shining the light.

bislewl:

There isn't at this time, however you could flip them around so it would show the one you would like.

How can I flip from FEATURED to BEST SELLERS?
What file do I change?
thanks

Why are slider images and my payments image looking stretched in mobile? http://www.gelcandlecompany.com/demo2/
I kept my slider images the same size as the stock images too.

spawnie69:

How can I flip from FEATURED to BEST SELLERS?
What file do I change?
thanks

I believe this was asked and answered in this thread already, I'll look for the specific post when I get a chance...

mikestaps:

I believe this was asked and answered in this thread already, I'll look for the specific post when I get a chance...

Found it!
https://www.zen-cart.com/showthread.php?...post1291054

mikestaps:

Found it!
https://www.zen-cart.com/showthread.php?...post1291054

Ok so looking into this (because I decided I wanted to do it as well...) The home page product carousel now respects the settings in Admin -> Configuration -> Index Listing

The modifications in the linked post are no longer needed (or possible for that matter, that code is not in the tpl_index_default.php anymore)

spawnie69:

Why are slider images and my payments image looking stretched in mobile? http://www.gelcandlecompany.com/demo2/
I kept my slider images the same size as the stock images too.

The payment methods image looks to be stretched in desktop as well (in chrome anyways). Adding:

.footer--message img {
	max-height: 23px;
	max-width: 206px;
}

to the stylesheet.css should fix that. I would put it near the css for the .footer--message around line 530.

The flexslider.css file has a min-height set around line 177, turning that off in the inspector in chrome fixes the stretched images in the slider.

mikestaps:

Ok so looking into this (because I decided I wanted to do it as well...) The home page product carousel now respects the settings in Admin -> Configuration -> Index Listing

The modifications in the linked post are no longer needed (or possible for that matter, that code is not in the tpl_index_default.php anymore)

My site at https://www.gelcandlecompany.com/demo displays on my phone the BEST SELLERS.
How can I change to FEATURED instead. Can I make that change in Admin -> Configuration -> Index Listing?
by sort order I guess?

spawnie69:

My site at https://www.gelcandlecompany.com/demo displays on my phone the BEST SELLERS.
How can I change to FEATURED instead. Can I make that change in Admin -> Configuration -> Index Listing?
by sort order I guess?

0 is off, 1-4 is sort order

I just changed it! ....just changing the sort order did the trick in Admin -> Configuration -> Index Listing

No I can have the carousel display in sort order. In my case FEATURED set to 1 to display first. Thanks mikestaps!

mikestaps:

The payment methods image looks to be stretched in desktop as well (in chrome anyways). Adding:

.footer--message img {
max-height: 23px;
max-width: 206px;
}

> to the stylesheet.css should fix that. I would put it near the css for the .footer--message around line 530.
> 
> The flexslider.css file has a min-height set around line 177, turning that off in the inspector in chrome fixes the stretched images in the slider.

Thanks Mike! I managed to get my payment image to show ok now thanks!

On the flexsider.css file I see this on line 177

	.flexslider .slides img {
		min-height: 130px

How do i shut this off?  I can edit this file and upload.
I think you were saying that I can shut his off in chrome using element inspector? I'm sorry for sounding dumb but how do I do that?  I right click and click on inspect element and I could see Styles Event Listener etc..am I able to make a change somewhere in here just for observation?

thanks mike for your insight I hope I help someone someday.

Hi Zenners! I love the new Tableau template, especially for the responsive part, but noticed the product page on quite a few Tableau sites doesn't show the way it should on my smartphone. Although header and footer rescale fine, the middle/product section displays incorrectly, most obviously the image which runs off the right edge (only showing roughly 3/4 before going off the edge) and the Add To Cart button which also runs off the right edge. I considered I might have edited some files incorrectly but several of the sites mentioned in this thread have the same error (the product section not quite corresponding with the width of the screen). The standard laptop/computer page looks fine. Basically, the only site I could find which does have the product page displayed the way it should is this one (direct link to a product page): https://www.ayrbags.co.uk/shop/index.php?main_page=product_info&products_id=227&zenid=l6RdrEDEqZjUTlPbjAbFx2 Pretty much all others I came across have The Bug... : (. Btw I got the most recent version of both Zen and Tableau. Does anyone recognise this? Can it be solved? Thanks for your help!! Jen

Jen56789:

Hi Zenners! I love the new Tableau template, especially for the responsive part, but noticed the product page on quite a few Tableau sites doesn't show the way it should on my smartphone. Although header and footer rescale fine, the middle/product section displays incorrectly, most obviously the image which runs off the right edge (only showing roughly 3/4 before going off the edge) and the Add To Cart button which also runs off the right edge. I considered I might have edited some files incorrectly but several of the sites mentioned in this thread have the same error (the product section not quite corresponding with the width of the screen). The standard laptop/computer page looks fine. Basically, the only site I could find which does have the product page displayed the way it should is this one (direct link to a product page): https://www.ayrbags.co.uk/shop/index.php?main_page=product_info&products_id=227&zenid=l6RdrEDEqZjUTlPbjAbFx2 Pretty much all others I came across have The Bug... : (. Btw I got the most recent version of both Zen and Tableau. Does anyone recognise this? Can it be solved? Thanks for your help!! Jen

I was not able to replicate this. Can you provide an example and also what type of device you are using to check.

Is there a way to change the product info page accordian to tabs without a complete rewrite? I attempted the rewrite, got about 99% complete and had to toss it due to one nagging issue.

lindasdd:

I was not able to replicate this. Can you provide an example and also what type of device you are using to check.

Using a Samsung Phone. I've attached a picture - See how the product picture (top) and Add To Cart button do not fit the screen. Could it be a value in the CMS menu?

Jen56789:

Using a Samsung Phone. I've attached a picture - See how the product picture (top) and Add To Cart button do not fit the screen. Could it be a value in the CMS menu?

It maybe files or version. Tableau at numinix is 1.6.8 Zen cart's download is still on 1.6.6.
I am running zen cart 1.54 with tableau 1.6.8 at https://www.gelcandlecompany.com/demo2
All looks good on my samsung s3 except my stretched top logo.

mikestaps:

The payment methods image looks to be stretched in desktop as well (in chrome anyways). Adding:

.footer--message img {
max-height: 23px;
max-width: 206px;
}

> to the stylesheet.css should fix that. I would put it near the css for the .footer--message around line 530.
> 
> The flexslider.css file has a min-height set around line 177, turning that off in the inspector in chrome fixes the stretched images in the slider.

Mike,
you are the Man. I deleted that part of the code and my images are not stretched.  Once again many thanks! Have a super week!

Thanks for your reply! Yes your product page looks fine on my phone. Does this link show correctly too on your phone? (fyi this is not my site, which is not active): http://www.kathijahzohra.com/basic-jane/basic-jane-in-chili1? Thanks for checking! zenid=6315151967e7cd0fac7e64c3d680af61 > spawnie69:

It maybe files or version. Tableau at numinix is 1.6.8 Zen cart's download is still on 1.6.6.
I am running zen cart 1.54 with tableau 1.6.8 at https://www.gelcandlecompany.com/demo2
All looks good on my samsung s3 except my stretched top logo.

Btw. if you use the Developers Tool Kit under Tools in the admin to find all files which include the name of your logo you might track down the file which defines the size values of the header image. Might want to fiddle around with those a bit to get it to work.