Responsive Sheffield Blue v2.0

[picaflor-azul]

Thank you Anne. Any recommendation on the image quality or type for decent loading times?

I would definitely run your images through an optimizer before using them on a live site. If you are using pngs or jpgs you can use the panda optimizer.

Thanks,

Anne

[SStreich]

I just upgraded from V1 to this V2 and have been trying to figure out a few errors.
This seems to work very well in Firefox and Chrome. However not so well in IE8 (surprise!)
I am not even sure what to look for with this- I've made a number of adjustments I found in this thread, but none of those have helped much.
These are the errors on the page according to IE8- even switching back and forth using compatibility view doesn't help.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; Tablet PC 2.0)
Timestamp: Sat, 14 Nov 2015 20:35:53 UTC


Message: Object doesn't support this property or method
Line: 27
Char: 1
Code: 0
URI: http://www.streichs.com/includes/tem...olorbox-min.js


Message: 'browser.msie' is null or not an object
Line: 25
Char: 2
Code: 0
URI: http://www.streichs.com/includes/tem..._ui.spinner.js


Message: JScript object expected
Line: 37
Char: 3
Code: 0
URI: http://www.streichs.com/includes/tem...t/cbpFWTabs.js

[SStreich]

Upgrading to IE 11 solved this.

[picaflor-azul]

Upgrading to IE 11 solved this.

I am happy that you figured it out ;)

Thanks,

Anne

[gunni]

Hi Anne,
Do not how I caused it but I have layout problems:
On Desktop when going to Shipping & Returns, the Sponsors banner goes down
instead of being on the right: Link

On Mobile, when entering products inside a category, the Buy Now button is cut
on the right side: Link
Please advise what file is causing this.
Thanks.

[picaflor-azul]

Hi Anne,
Do not how I caused it but I have layout problems:
On Desktop when going to Shipping & Returns, the Sponsors banner goes down
instead of being on the right: Link

On Mobile, when entering products inside a category, the Buy Now button is cut
on the right side: Link
Please advise what file is causing this.
Thanks.

The responsive design is sensitive to bad coding. If you have html tags that are not closed properly, etc. it will break the layout. My guess is that you have used a html editor for the shipping page that has inserted some junk code.

It looks like you have several </div> tags that have no match.

This template is designed to use the grid layout for product listing. If you want to use the rows listing you will need to make adjustments to the css.

Thanks,

Anne

[gunni]

Thanks for your quick reply.
The shipping page was made in Define pages editor of Zen Cart admin but it was imported
from previous template which caused some different symbols...
When I deleted the strange symbols and blank spaces it solved it ! Your guess was a good guess :)

Regarding the problem with mobile, I found out that the product_listing.php was not changed to "Columns".
Thanks again !

BTW, I installed your 2.0 template on Zen 1.3.9e but with a lot of problems and "programming" solutions.
I know that you said to install on 1.5.X. Just saying this to the others...Not suitable for 1.3.9e

Thanks again

[picaflor-azul]

Thanks for your quick reply.
The shipping page was made in Define pages editor of Zen Cart admin but it was imported
from previous template which caused some different symbols...
When I deleted the strange symbols and blank spaces it solved it ! Your guess was a good guess :)

Regarding the problem with mobile, I found out that the product_listing.php was not changed to "Columns".
Thanks again !

BTW, I installed your 2.0 template on Zen 1.3.9e but with a lot of problems and "programming" solutions.
I know that you said to install on 1.5.X. Just saying this to the others...Not suitable for 1.3.9e

Thanks again

Yes, I recommend 1.5x

You should really not be running such an old version of zen cart.

Thanks,

Anne

[gunni]

Hi again,
Found a strange behavior of the "back to top" ^ symbol on Akai Q40H cellphone with
android 4.2.2: the symbol goes to the left side and not responding when touching it.
Checked this issue with your live demo at http://zenlyzen.com/mobile-friendly-...sheffield_blue and the same.
All is OK with other mobiles I check.
Any ideas?

[picaflor-azul]

Hi again,
Found a strange behavior of the "back to top" ^ symbol on Akai Q40H cellphone with
android 4.2.2: the symbol goes to the left side and not responding when touching it.
Checked this issue with your live demo at http://zenlyzen.com/mobile-friendly-...sheffield_blue and the same.
All is OK with other mobiles I check.
Any ideas?

If it is working on other cell phones but not your particular cell phone then it might be a conflict with the back to top javascript?

Thanks,

Anne