Responsive Sheffield Blue v2.0

Hi Anne,
Great looking template :)
Just 1 question - is it 1.3.9e compatible ?
On the download zen cart page description you wrote it is compatible with 1.3.9X
but on the versions you wrote only 1.5.X

mobilegps:

Anne, thank you very much. I fixed the banner title text color by modifying the code line in stylesheet_flex.css below:

.banner span {background-color: rgba(255, 255, 255, 0.2);color: #fff;bottom: 0px;height: auto;line-height: normal;text-indent: 18px;position: absolute;font-size:200%;width: 100%;padding: 15px 0;}

I am happy that you figured it out and posted your solution ;)

Thanks,

Anne

gunni:

Hi Anne,
Great looking template :)
Just 1 question - is it 1.3.9e compatible ?
On the download zen cart page description you wrote it is compatible with 1.3.9X
but on the versions you wrote only 1.5.X

I have not tested it with old versions of zen cart (older than 1.5x). I would recommend upgrading to 1.5.4. You are missing out on new features, bug fixes, and security enhancements.

Thanks,

Anne

Thanks for your quick reply but upgrade is not an easy task for some of us...

gunni:

Thanks for your quick reply but upgrade is not an easy task for some of us...

I understand that, but it really is important to keep your zen cart up to date.

Thanks,

Anne

Hi Anne,

I hope all is well. Thank you again for this amazing template. :hug:I am using Firefox to view responsive layouts. At 768 x 1024 the links in the header do not work. I thought I had messed something up, but they aren't working on the live demo site either.

Home | Log In | 0 - $0.00 

Thank you for all you do!

I have blue sheffield installed on ZC 1.54 on my demo site: https://www.gelcandlecompany.com/demo

I uploaded my slider images and I get stretched images on a cell phone. Any advice on how this can this be corrected?
Or is it advised to use the same size pics as the default slider?

Desktop and tablet looks fine. Thank you Anne for your template!

Michigan Flower Farm:

Hi Anne,

I hope all is well. Thank you again for this amazing template. :hug:I am using Firefox to view responsive layouts. At 768 x 1024 the links in the header do not work. I thought I had messed something up, but they aren't working on the live demo site either.

Home | Log In | 0 - $0.00 

Thank you for all you do!

If you post a link to your site I can take a look. Are you actually viewing the tablet layout using this url:

your url.com/index.php?main_page=index&display_mode=isTablet

Thanks,

Anne

spawnie69:

I have blue sheffield installed on ZC 1.54 on my demo site: https://www.gelcandlecompany.com/demo

I uploaded my slider images and I get stretched images on a cell phone. Any advice on how this can this be corrected?
Or is it advised to use the same size pics as the default slider?

Desktop and tablet looks fine. Thank you Anne for your template!

Yes, if the images in the template demo look good to you then you should use the same size images that are used in the demo.

Thanks,

Anne

picaflor-azul:

Yes, if the images in the template demo look good to you then you should use the same size images that are used in the demo.

Thanks,

Anne

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

spawnie69:

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

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/templates/responsive_sheffield_blue/jscript/jquery.colorbox-min.js

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

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

Upgrading to IE 11 solved this.

SStreich:

Upgrading to IE 11 solved this.

I am happy that you figured it out ;)

Thanks,

Anne

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.

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.

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

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

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

Yes, I recommend 1.5x

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

Thanks,

Anne

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-zen-cart/index.php?main_page=index&template_switch_id=responsive_sheffield_blue and the same.
All is OK with other mobiles I check.
Any ideas?

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-zen-cart/index.php?main_page=index&template_switch_id=responsive_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