Responsive Sheffield Blue v1.0

NB: This is the support thread for v1.x of this template; if you need support for 2.0 and higher, please see
https://www.zen-cart.com/showthread.php?217203-Responsive-Sheffield-Blue-v2-0

Hello :-) I have just completed a responsive template package based on the Sheffield Blue template and offer it free to the zen cart community. It had been built using the Responsive DIY Template Default for v1.5.x by rbarbour. I owe him a big debt of thanks :hug:

See the live demo here:

Responsive Sheffield Blue Free Template

Template Features:

• Super flexible design perfect for all types of ecommerce stores--the possibilites are endless!
• Responsive 3 column display
• Optimized Drop Navigation for hand held devices
• Matching button set and icons included
• Responsive Home Page slideshow included
• Add your slide show images, set their links, enable/disable images/links, and set open in new window easily using the admin banner manager.
• Tabbed home page centerbox content for New Products, Featured Products, and Specials
• Add This social bookmarking added to all product pages (includes Facebook like button, Twitter Tweet Button, Pinterest Pin it button, and 300+ Sharing Services)
• Custom footer featuring a footer menu with quick links, information, customer service, and useful links (ez pages), integrated, and optional links to your Facebook, Twitter, Youtube, Pinterest, Google Plus, and blog.
• Customized product info page layout with expandable content areas for handheld devices
• Cross Browser tested using Firefox, IE10, IE9, IE8, Google Chrome, Opera, and Safari.
• Tested on the iPhone 5 with Mobile Safari 6.0; iPad 4 with Mobile Safari 6.0; Windows Phone 8 with IE10 Mobile; Blackberry Bold 9900 with Blackberry Browser 9900; and Android Nexus 4 with Chrome Mobile 18, Dolphin Mobile 9.3, Firefox Mobile 19, Marathon Mobile 4, Opera Mobile 12, Sleipnir Mobile 2.9
• W3C Valid XHTML and CSS
• Custom header including shopping cart totals (item count and dollar amount), checkout link, search, currencies with drop down menu, and languages.
• Comes with the following modules installed: Column Layout Grid, About Us Page, Footer Menu , Back to Top, Responsive Slides JS, Tabbed Home Page Modules
• Detailed HTML readme file with written instructions and screenshots, and links to videos for the installation and customization steps.
• Fully compatible with versions 1.3.8x, 1.3.9s, 1.5x. Would probably work with lower versions although it has not been tested.

Please post here with your questions, or any bugs you find. Be sure to read the readme.html file included in the template package before posting your question, and read the posts in this thread as you question has probably already been asked and answered ;)

Thanks,

Anne

Mwah! X

Hi Anne
when clicking download link I get "This ID doesn't exist!".

When viewing demo on phone and Kindle the 'home' and 'cart' icons are hidden in the dropdown menu.

picandnix:

Hi Anne
when clicking download link I get "This ID doesn't exist!".

When viewing demo on phone and Kindle the 'home' and 'cart' icons are hidden in the dropdown menu.

You can give it a try again now ;)

I have not looked at it on a kindle specifically. Which phone are you using? These are the devices on which I tested:

Tested on the iPhone 5 with Mobile Safari 6.0; iPad 4 with Mobile Safari 6.0; Windows Phone 8 with IE10 Mobile; Blackberry Bold 9900 with Blackberry Browser 9900; and Android Nexus 4 with Chrome Mobile 18, Dolphin Mobile 9.3, Firefox Mobile 19, Marathon Mobile 4, Opera Mobile 12, Sleipnir Mobile 2.9. What is the screen resolution of the kindle?

Thanks,

Anne

picaflor-azul:

You can give it a try again now ;)

I have not looked at it on a kindle specifically. Which phone are you using? These are the devices on which I tested:

Tested on the iPhone 5 with Mobile Safari 6.0; iPad 4 with Mobile Safari 6.0; Windows Phone 8 with IE10 Mobile; Blackberry Bold 9900 with Blackberry Browser 9900; and Android Nexus 4 with Chrome Mobile 18, Dolphin Mobile 9.3, Firefox Mobile 19, Marathon Mobile 4, Opera Mobile 12, Sleipnir Mobile 2.9. What is the screen resolution of the kindle?

Thanks,

Anne

Download working now thanks. Galaxy S4 (Android), Kindle is Android based too, 600×1024-pixel resolution (160 dpi density). I'll load template to my localhost test and report back.
Thank you again.

picandnix:

Download working now thanks. Galaxy S4 (Android), Kindle is Android based too, 600×1024-pixel resolution (160 dpi density). I'll load template to my localhost test and report back.
Thank you again.

Ok, I see the problem. I will try to figure it out ;) If you come up with a solution, let me know ;)

Thanks,

Anne

Clarification iPad 4 = Mini? I am not home to download and check, thanks Anne! You are a genius!

Ok, I figured out the problem with the android and have attached a patch ;) I will resubmit the template package with the fixes.

Thanks,

Anne

Doh! :frusty: Here is the correct patch

Thanks,

Anne

[Attachment no longer available]

Minor alignment issue. Tablet in portrait mode. IE10 Windows8RT

I don't know how you do your magic with all the various combinations of hardware & browsers available. This is probably a very remote example.

RixStix:

[Attachment no longer available]

Minor alignment issue. Tablet in portrait mode. IE10 Windows8RT

I don't know how you do your magic with all the various combinations of hardware & browsers available. This is probably a very remote example.

I verify this glitch. Another hidden one is on a mobile device, click the menu dropdown, select search tab, the magnifying glass icon is out of alignment.

Actually, the mis-alignment occurs in FF, Chrome & IE on my desktop too (Win7). It is the step between the widest screensize and the first step down to a narrow mobile device.

picandnix:

I verify this glitch. Another hidden one is on a mobile device, click the menu dropdown, select search tab, the magnifying glass icon is out of alignment.

Oh, looks like the css patch fixed the alignment issue in the dropdown search.

Hi

What a great template this is, fantastic.
I'm new to Zen Cart have for many years been using Oscommerce. So please bear with me.

I have a wee problem and I'm not sure what to do. I get this warning on the site I'm trying to get going.This appears right near the bottom of the page wwwdotall4kidzdotcodotnz forward slashNewZen

WARNING: An Error occurred, please refresh the page and try again. (Probably something obvious)

Any help would be appreciated.

Many thanks
Grandpaj

grandpaj:

Hi

What a great template this is, fantastic.
I'm new to Zen Cart have for many years been using Oscommerce. So please bear with me.

I have a wee problem and I'm not sure what to do. I get this warning on the site I'm trying to get going.This appears right near the bottom of the page wwwdotall4kidzdotcodotnz forward slashNewZen

WARNING: An Error occurred, please refresh the page and try again. (Probably something obvious)

Any help would be appreciated.

Many thanks
Grandpaj

Welcome to Zen Cart :smile: !
Did you install the sql patches that come with the template?

Hi.
I was a little fast out of the blocks, as should have also said that
the Layout Boxes Controller isn't complete as all it shows is the following accross the page.

WARNING: An Error occurred, please refresh the page and try again.
Box File Name LEFT/RIGHT COLUMN Status LEFT or RIGHTCOLUMN LEFT/RIGHT COLUMN
Sort Order SINGLE COLUMNSort Order SINGLE COLUMNStatus Show Box @ Min-Width Action

and no details underneath. I did install the layout controller.php included in the Responsive Sheffield-Blue download.
Not sure what to do to correct.

Any help would be appreciated
Hope this all makes sense.

Grandpaj

Many thanks
Grandpaj

Design75:

Welcome to Zen Cart :smile: !
Did you install the sql patches that come with the template?

Im pretty sure I did. Am I able to install again, and see what happens.

Grandpaj

picandnix:

Oh, looks like the css patch fixed the alignment issue in the dropdown search.

I am happy that it got fixed ;)

Thanks,

Anne

grandpaj:

Hi.
I was a little fast out of the blocks, as should have also said that
the Layout Boxes Controller isn't complete as all it shows is the following accross the page.

WARNING: An Error occurred, please refresh the page and try again.
Box File Name LEFT/RIGHT COLUMN Status LEFT or RIGHTCOLUMN LEFT/RIGHT COLUMN
Sort Order SINGLE COLUMNSort Order SINGLE COLUMNStatus Show Box @ Min-Width Action

and no details underneath. I did install the layout controller.php included in the Responsive Sheffield-Blue download.
Not sure what to do to correct.

Any help would be appreciated
Hope this all makes sense.

Grandpaj

Many thanks
Grandpaj

You need to follow the insturctions and the order of the instructions in the readme.html file ;)

Thanks,

Anne

Hi

Can anyone tell me how to fix the following.
Seems maybe where my problem lies

[17-Sep-2013 12:47:37] PHP Fatal error: 1054:Unknown column 'show_box_min_width' in 'field list' :: select layout_box_name, show_box_min_width from zen_layout_boxes where layout_box_location = 0 and layout_box_status= '1' and layout_template ='responsive_sheffield_blue' order by layout_box_sort_order in /home/all4kidz/public_html/NewZen/includes/classes/db/mysql/query_factory.php on line 120

Many thanks
Grandpaj