Responsive Sheffield Blue v2.0

hi, i have already installed lightbox on my zc 1.5.1, after using this Responsive Sheffield Blue v2.0 template, it uses colorbox instead, even after i disabled colorbox in configuration, lightbox does not work anymore, my question is, how can i keep using lightbox not colorbox?

When i tested on a mobile device, the search box not display anymore? i can even not see search bar on demo site on mobile device: http://zenlyzen.com/mobile-friendly-zen-cart/

when browsing http://zenlyzen.com/mobile-friendly-zen-cart/index.php?main_page=product_info&products_id=26 in chrome, there are 2 warnings and 1 error:

anyone knows how to fix?

Have managed to fix the error. It requires two changes to the YOURSITE\includes\templates\responsive_sheffield_blue\jscript\jQuery_ui.spinner.js

Lines 25 to 26
Change

	msie = $.browser.msie,
	mouseWheelEventName = $.browser.mozilla ? 'DOMMouseScroll' : 'mousewheel',

to

	msie = navigator.userAgent.match(/msie/i),
	mouseWheelEventName = 'onwheel',

The first line is changed because browser has been depreciated in Jquery. It could also be because of the $. depending on the version of Jquery you are using. I changed the second line because the event on allmodern browser is onwheel. It wont work on firefox 16 and before I have not been able to find out where the other browsers stopped using mousewheel. If you want to catch all the events it would take a bigger code change.

The warning is because you may not load the internet version of Jquery on a slow network. These days it is recommended that you load it from Google or microsoft. I would not worry about it for now. Don't know it we need to request zen cart move to this version.

brittainmark:

Have managed to fix the error. It requires two changes to the YOURSITE\includes\templates\responsive_sheffield_blue\jscript\jQuery_ui.spinner.js

Lines 25 to 26
Change

msie = $.browser.msie,
mouseWheelEventName = $.browser.mozilla ? 'DOMMouseScroll' : 'mousewheel',

> to
> ```php
	msie = navigator.userAgent.match(/msie/i),
	mouseWheelEventName = 'onwheel',

The first line is changed because browser has been depreciated in Jquery. It could also be because of the $. depending on the version of Jquery you are using. I changed the second line because the event on allmodern browser is onwheel. It wont work on firefox 16 and before I have not been able to find out where the other browsers stopped using mousewheel. If you want to catch all the events it would take a bigger code change.

The warning is because you may not load the internet version of Jquery on a slow network. These days it is recommended that you load it from Google or microsoft. I would not worry about it for now. Don't know it we need to request zen cart move to this version.

Great, thank you for posting this solution. I am sure that it will help others ;)

Thanks,

Anne

holawill:

When i tested on a mobile device, the search box not display anymore? i can even not see search bar on demo site on mobile device: http://zenlyzen.com/mobile-friendly-zen-cart/

This is correct. The search is not currently on the mobile view. If you want to add it you can make the following changes:

responsive_mobile.css line 369 change to:

top:0;

responsive_mobile.css line 248 change to:

width:100%;
float:none;

add to responsive_mobile.css:

.search-header-box{width:80%;}

thanks,

Anne

holawill:

hi, i have already installed lightbox on my zc 1.5.1, after using this Responsive Sheffield Blue v2.0 template, it uses colorbox instead, even after i disabled colorbox in configuration, lightbox does not work anymore, my question is, how can i keep using lightbox not colorbox?

You will need to install lightbox to the template and remove any colorbox related files or file edits.

Thanks,

Anne

Whenever I click on the shopping cart or any kind of checkout related continue buttons I get a popup that says "An unknown response null: :text/html; chrset+utf-8: :Bad request was not received while processing an ajax call. The action you requested cannot be completed." I don't have any idea what this could be referring to and I haven't seen anybody having a similar problem in the thread. If you click okay and dismiss the popup, you can proceed through checkout as normal, or so it appears, with the boxes popping up every time you hit continue. It may be easier to see it for yourself so here is the link: scvmodeltrains.com Just click the shopping cart icon and it will pop up. Any help is greatly appreciated.

I'm trying to add a search header to the mobile display. I found some references in the forum but the line numbers and/or text terms don't match my responsive_mobile css file. I tried making the changes in the text I did find but it didn't work. I also tried changing the display "none" for the search box and while it worked, it looked awful.

Could someone please post some text surrounding the text to be changed so I can pinpoint it? I have about 10,00 products on my site and a search box is essential.
Thanks
Carol

spminis:

I'm trying to add a search header to the mobile display. l

In the templates/ResponsiveSheffieldBlue/css/responsive_mobile.css file - here's what I did:

For Mobile Portrait -
~#364 I commented out the display:none...change to- ```
#navMainSearch{float:none;width:100%;border:1px solid #000;/display:none;/}

and I added line underneath it:

.search-header-box{width: 75% !important;padding-right: 1.5em;}

then, around line #3648 change #navMainSearch to : ```
#navMainSearch{top:0;}

For Mobile Landscape -
~#51 change to- ```
#navMainSearch{float:none;width:100%;border:1px solid #000;/display:none;/}

and add line underneath:

.search-header-box{width: 80% !important;padding-right: 1.5em;}

and

~#174 change #navMainSearch  to ```
#navMainSearch{top:0;}

I didn't have any luck with this until I added the '!important - then it showed up

I fiddled with the width %, working with my own iphone 6s+

Also fiddled with the padding so that the little search icon didn't overlap the search box. My head hurts when I'm trying to sort out margins/padding!

I'm using zen cart 1.5.5d, Responsive Sheffield Blu2 2.0 and a bunch of mods.

soxophoneplayer:

In the templates/ResponsiveSheffieldBlue/css/responsive_mobile.css file - here's what I did:

For Mobile Portrait -
~#364 I commented out the display:none...change to- ```
#navMainSearch{float:none;width:100%;border:1px solid #000;/display:none;/}

> 
> and I added line underneath it:
> 
> ```
.search-header-box{width: 75% !important;padding-right: 1.5em;}

then, around line #3648 change #navMainSearch to : ```
#navMainSearch{top:0;}

> 
> 
> For Mobile Landscape - 
> ~#51 change to- ```
#navMainSearch{float:none;width:100%;border:1px solid #000;/*display:none;*/}

and add line underneath:

.search-header-box{width: 80% !important;padding-right: 1.5em;}

> and
> 
> ~#174 change #navMainSearch  to ```
#navMainSearch{top:0;}

I didn't have any luck with this until I added the '!important - then it showed up

I fiddled with the width %, working with my own iphone 6s+

Also fiddled with the padding so that the little search icon didn't overlap the search box. My head hurts when I'm trying to sort out margins/padding!

I'm using zen cart 1.5.5d, Responsive Sheffield Blu2 2.0 and a bunch of mods.

Thanks so much. That worked, sort of. The search box is there and it's ok on the home page. However it's right on top of the "shop" text whether it's portrait or landscape when you click on the menu. It's a test site. https://www.spminiatures.com/storetest2

Carol

spminis:

Thanks so much. That worked, sort of. The search box is there and it's ok on the home page. However it's right on top of the "shop" text whether it's portrait or landscape when you click on the menu. It's a test site. https://www.spminiatures.com/storetest2

Carol

I had a similar issue with something else when I was first setting up my mobile. The solution I found was to edit includes/templates/ResponsiveSheffieldBlue/css/stylesheet.css

Around line 370 in the original file:

.non-semantic-protector { position: relative; z-index: 1;}

I changed that to:

.non-semantic-protector { position: relative;/* z-index: 1;*/}

I just tried changing back to the original, and on my mobile site that causes the scenario you describe. I have no idea what or why this is...according to my notes its something I found on google. Whatever it is, it seems to work!

Hopefully this will work for you to.

soxophoneplayer:

In the templates/ResponsiveSheffieldBlue/css/responsive_mobile.css file - here's what I did:

For Mobile Portrait -
~#364 I commented out the display:none...change to- ```
#navMainSearch{float:none;width:100%;border:1px solid #000;/display:none;/}

> 
> and I added line underneath it:
> 
> ```
.search-header-box{width: 75% !important;padding-right: 1.5em;}

then, around line #3648 change #navMainSearch to : ```
#navMainSearch{top:0;}

> 
> 
> For Mobile Landscape - 
> ~#51 change to- ```
#navMainSearch{float:none;width:100%;border:1px solid #000;/*display:none;*/}

and add line underneath:

.search-header-box{width: 80% !important;padding-right: 1.5em;}

> and
> 
> ~#174 change #navMainSearch  to ```
#navMainSearch{top:0;}

I didn't have any luck with this until I added the '!important - then it showed up

I fiddled with the width %, working with my own iphone 6s+

Also fiddled with the padding so that the little search icon didn't overlap the search box. My head hurts when I'm trying to sort out margins/padding!

I'm using zen cart 1.5.5d, Responsive Sheffield Blu2 2.0 and a bunch of mods.

soxophoneplayer:

I had a similar issue with something else when I was first setting up my mobile. The solution I found was to edit includes/templates/ResponsiveSheffieldBlue/css/stylesheet.css

Around line 370 in the original file:

.non-semantic-protector { position: relative; z-index: 1;}

> 
> I changed that to:
> 
> ```
.non-semantic-protector { position: relative;/* z-index: 1;*/}

I just tried changing back to the original, and on my mobile site that causes the scenario you describe. I have no idea what or why this is...according to my notes its something I found on google. Whatever it is, it seems to work!

Hopefully this will work for you to.

Again, that worked sort of but I think I'm happy with the results. It left the search box on the home page and removed it from the menu page. That's fine. Thanks so much for your help!
Carol

Is there any way to adjust the template width for desktop view? Mine takes up the entire page and I would like it to look like my current "live" site that has a contrasting border on both sides. I've been doing trial and error and only come up with errors!

Thanks
Carol

Is "Responsive Sheffield Blue V 2.0" fully compatible with zencart 1.5.5d? It appears as it haven't been updated in a while.
When installing it on a clean version of zencart 1.5.5d there are a few files Filezilla is asking to overwrite besides the files mentioned in the "Responsive Sheffield Blue V 2.0" installation instructions; and one of the files mentioned in the installation instructions "includes/modules/pages/about_us/header_php.php" is not in the zencart 1.5.5d installation.
Can we still consider it fully compatible?

DML73:

Is "Responsive Sheffield Blue V 2.0" fully compatible with zencart 1.5.5d? It appears as it haven't been updated in a while.
When installing it on a clean version of zencart 1.5.5d there are a few files Filezilla is asking to overwrite besides the files mentioned in the "Responsive Sheffield Blue V 2.0" installation instructions; and one of the files mentioned in the installation instructions "includes/modules/pages/about_us/header_php.php" is not in the zencart 1.5.5d installation.
Can we still consider it fully compatible?
Primarily the answer to the question of full compatibility with ZC 1.5.5x should be readily apparent by review of the last few pages of this forum thread. There are actions that need to be taken for it to fully function and those are provided throughout the thread. I believe there is even a discussion about the about_us issues/documentation.

Please take a moment to review the applicable posts and when a question is identified about how to complete those actions or what is meant then perhaps give it another shot to seek assistance with those issues.

mc12345678:

Primarily the answer to the question of full compatibility with ZC 1.5.5x should be readily apparent by review of the last few pages of this forum thread. There are actions that need to be taken for it to fully function and those are provided throughout the thread. I believe there is even a discussion about the about_us issues/documentation.

Please take a moment to review the applicable posts and when a question is identified about how to complete those actions or what is meant then perhaps give it another shot to seek assistance with those issues.

Thanks for the reply, I found it. So to answer my own question, I guess the short answer is 'no'. The changes mentioned here are required:
https://www.zen-cart.com/showthread.php?219801-Making-v154-DIY-Picaflor-Azul-templates-work-with-v1-5-5

The manufacturers drop down menu (which I've renamed "artisans") shows up as a sidebox on the desktop view but not on the mobile view . There is a script in the mobile categories php file which is set to "true" to show the list but it's not showing up on the mobile view.
Any ideas?
Thanks

Carol

spminis:

The manufacturers drop down menu (which I've renamed "artisans") shows up as a sidebox on the desktop view but not on the mobile view . There is a script in the mobile categories php file which is set to "true" to show the list but it's not showing up on the mobile view.
Any ideas?
Thanks

Carol

Solved the problem.

In the includes/templates/sheffield_responsive/templates/tpl.modules.mobile.categories.tabs.php, there is a coding error.
The original line (39 on my text editor) said:
"<li class="brands-li"><a href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>" class="drop"><?php echo HEADER_TITLE_MANUFACTURERS; ?></a><!--bof shop by brand -->

It should have said manufacturers instead of brand.
Still tweaking a bit but customers are very happy with the new template.
Carol

Last problem (I think). I've managed to fix everything and I have one last problem. I've seen posts about this and answers but none work.

The images in the subcategory pages are not lining up. There are blank spaces. Oddly enough, it looks fine on my test site but not on my live site and I can't figure out why because I uploaded the files from the live site to the test site and used the same DB. The settings in admin are the same.

One page to look at is http://www.spminiatures.com/store/index.php?main_page=index&cPath=105

Thanks
Carol