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....ield-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:

Attachment 13067

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.

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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 13072

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.

Quote:

---

Originally Posted by RixStix

Attachment 13072

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.

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by picandnix

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

---

I am happy that it got fixed ;)

Thanks,

Anne

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by grandpaj

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

Grandpaj

---

I found a mistake in the respnosive.sql file and it is missing this:

Code:

---

ALTER TABLE layout_boxes ADD show_box_min_width TINYINT( 1 ) NOT NULL DEFAULT '1' AFTER layout_box_status_single;

---

Thanks,

Anne

Hi

Well I uninstalled Zen Cart so as DB would be fresh then reinstalled Zen Cart. Then followed instructions carefully for Responsive Sheffield Blue install, however still get the same warning(WARNING: An Error occurred, please refresh the page and try again) I refresh page but nothing. and nothing in the Layout Controller Box except headings Did update the responsive sql patch as above.

I'm about ready to tear my hair out, as I took the installation very carefully but must have missed something.
Anyone any help please.(...all4kidz dot co dotnz /NewZen)

Many thanks
Grandpa

I see your site, seems to me you need to go into the admin side and turn your sideboxes on under tools>layout boxes

Quote:

---

Originally Posted by uswebworx

I see your site, seems to me you need to go into the admin side and turn your sideboxes on under tools>layout boxes

---

Hi
Thats what I thought, but unfortunately, the Layout Box Controller doesn't want to work.
Ive downloaded the layout contoller.php in the responsive sheefield blue packagebut for some reason wont work.

Any more thoughts would be appreciated.

Grandpaj

Without knowing more I can't use my limited knowledge to troubleshoot, what type of server?

Hi

Not sure whether this is the info also using Zen 1.5.0

Server OS: Linux 2.6.18-348.3.1.el5xen Database: MySQL 5.0.96-community

For some reason the admin> Layout box controller wont open.

Cheers
Grandpaj

Cheers
Grandpaj

Hi

Just checking that I have uploaded the layout controller.php for admin area to the right place.

Uploaded to admin or renamed admin, and uploaded layout controller.php to this directory. Hope this makes sense.

Cheers
Grandpaj

Quote:

---

Originally Posted by grandpaj

Hi

Just checking that I have uploaded the layout controller.php for admin area to the right place.

Uploaded to admin or renamed admin, and uploaded layout controller.php to this directory. Hope this makes sense.

Cheers
Grandpaj

---

I guess it makes sense, I haven't installed the responsive version yet plan too tomorrow

Quote:

---

Originally Posted by grandpaj

Hi
Thats what I thought, but unfortunately, the Layout Box Controller doesn't want to work.
Ive downloaded the layout contoller.php in the responsive sheefield blue packagebut for some reason wont work.

Any more thoughts would be appreciated.

Grandpaj

---

Did you run the responsive.sql patch and the other patches?

Thanks,

Anne

Hi Anne

Yes I did run the patches.

Should I try and run them again.

Many thanks for your help

Cheers
Grandpaj

Quote:

---

Originally Posted by grandpaj

Hi Anne

Yes I did run the patches.

Should I try and run them again.

Many thanks for your help

Cheers
Grandpaj

---

Did you back up your layout_controller.php file before installing the template? If so, restore it and see if the layout boxes controller works.

Thanks,

Anne

Yes, Anne, I also have the 'Layout Box Controller' Problem. Looks like this package is not as good as your others...

I have followed your instructions and the order strictly, go from the beginning, step by step... and then I have this problem and can not go further...

If I restore the back-up file, then the 'Tools->Layout Box Controller' menu works, I can do the reset, but this is the old file, it wont go to the new template...

Quote:

---

Originally Posted by Bobo Khloe

Yes, Anne, I also have the 'Layout Box Controller' Problem. Looks like this package is not as good as your others...

---

Gee, thanks for the vote of confidence!

I am reluctant to say that this is a bug in the template since so many people are installing it with no problems. You need to have this part of the patch installed for the responsive option in the layout boxes controller to show:

Code:

---


SET @configuration_group_id=0;
SELECT (@configuration_group_id:=configuration_group_id) FROM configuration_group WHERE configuration_group_title= 'Layout Settings' LIMIT 1;
INSERT INTO configuration (configuration_id, configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function) VALUES
(NULL, '<font color="#0044ff">ACTIVATE Responsive Template by selecting Column Widths</font>', 'COLUMN_WIDTH', '2', 'Width of the Left and Right Columns<br />0 = Use Default Template Settings<br />1 = 75px<br />2 = 150px<br />3 = 225px',@configuration_group_id, NULL, NOW(), NULL, 'zen_cfg_select_option(array(\'0\', \'1\', \'2\', \'3\'),');

ALTER TABLE layout_boxes ADD show_box_min_width TINYINT( 1 ) NOT NULL DEFAULT '1' AFTER layout_box_status_single;

---

Thanks,

Anne

Hi Anne

Yes I did back up the Layout controller.php and if I use the "OLD" file the layout box works fine except that it does't include the responsive sheffield blue boxes.

Cheers
Grandpa

Hi Anne

Good news, "by mistake" I started uploading responsive Sheffield blue again, after about 20sec realized what I was doing, stopped the upload, and hey presto all now working (I think).

Don't know what happened.

All I have to do now is sort out the left and right boxes so as the positioning looks good.

Many thanks for a great template and your unselfish time to help.

Kind regards
Grandpaj

Hi

Jumped the gun. Not working.

Any thoughts

Many thanks

Grandpaj

Quote:

---

Originally Posted by grandpaj

Hi

Jumped the gun. Not working.

Any thoughts

Many thanks

Grandpaj

---

Did you change the name of the admin folder to the name of your admin?



Thanks,

Anne

I just submitted an update that fixes these bugs:

* Fixed word-wrap on mobile device size--changes includes/templates/responsive_sheffield_blue/css/responsive.css
* Fixed bug related to duplicate .content css class--changed includes/templates/responsive_sheffield_blue/templates/tpl_product_info_display.php, includes/templates/responsive_sheffield_blue/css/stylesheet.css
* Added alter table statement to responsive.sql patch
* added the css fixes from the posted patch.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

I just submitted an update that fixes these bugs:

* Fixed word-wrap on mobile device size--changes includes/templates/responsive_sheffield_blue/css/responsive.css
* Fixed bug related to duplicate .content css class--changed includes/templates/responsive_sheffield_blue/templates/tpl_product_info_display.php, includes/templates/responsive_sheffield_blue/css/stylesheet.css
* Added alter table statement to responsive.sql patch
* added the css fixes from the posted patch.

Thanks,

Anne

---

I am with everyone else, am starting a new project and tried to install step by step 4 times and no layoutcontroller ever showed up. I trashed it and will use something else of yours.

Quote:

---

Originally Posted by uswebworx

I am with everyone else, am starting a new project and tried to install step by step 4 times and no layoutcontroller ever showed up. I trashed it and will use something else of yours.

---

Humour me please and see what happens if you try installing the responsive all business first, do you get the layout controller?

Quote:

---

Originally Posted by picandnix

Humour me please and see what happens if you try installing the responsive all business first, do you get the layout controller?

---

Wait and use the updated package. There were statements missing from the responsive sheffield blue sql patches, but hopefully they have been fixed in the updated package.

Thanks,

Anne

Quote:

---

Originally Posted by picandnix

Humour me please and see what happens if you try installing the responsive all business first, do you get the layout controller?

---

I will in a few and let you know

Quote:

---

Originally Posted by picaflor-azul

Wait and use the updated package. There were statements missing from the responsive sheffield blue sql patches, but hopefully they have been fixed in the updated package.

Thanks,

Anne

---

Ok will wait and do this tomorrow as it is a brand new customer and they are in no rush

Hi there,

Has this package been updated yet.

Many thanks

Grandpaj

While waiting on the update to be approved in the plugins area, I thought I would take a look-see at the files and instructions.

I'm trying to get my head around what procedure I should follow for upgrading an existing Sheffield_Blue template to a Responsive_Sheffield_Blue template.

I'm guessing I need to:

- know what Sheffield_Blue 'core' files have been altered and merge those changes into my existing site.

- upload new responsive files

- apply responsive.sql

Alternatively, as I've only recently started working on the Sheffield_Blue site, and as a last resort, it may be better to start on a fresh Responsive_Sheffield_Blue template and incorporate the changes I've made on the old site.

Possibly I'm overthinking this, as usual.

Quote:

---

Originally Posted by grandpaj

Hi there,

Has this package been updated yet.

Many thanks

Grandpaj

---

I have updated the package but I don't think it has been added into the plugins section yet.

Thanks,

Anne

Quote:

---

Originally Posted by simon1066

While waiting on the update to be approved in the plugins area, I thought I would take a look-see at the files and instructions.

I'm trying to get my head around what procedure I should follow for upgrading an existing Sheffield_Blue template to a Responsive_Sheffield_Blue template.

I'm guessing I need to:

- know what Sheffield_Blue 'core' files have been altered and merge those changes into my existing site.

- upload new responsive files

- apply responsive.sql

Alternatively, as I've only recently started working on the Sheffield_Blue site, and as a last resort, it may be better to start on a fresh Responsive_Sheffield_Blue template and incorporate the changes I've made on the old site.

Possibly I'm overthinking this, as usual.

---

I think that the best procedure would be to install the responsive template on a mirror of your site and then incorporate or merge your changes into the new site.

Thanks,

Anne

Thanks Anne, I agree that sounds like the best plan.

(eagerly looking forward to a responsive version of 'Homepage Layout with CSS3 Hover Effect' )

Hi

This is probably a silly question, but I'm still trying to find mu way around Zen-cart, but how do I add and change the height if the header without messing everything else up.

Many thanks
Grandpa

Quote:

---

Originally Posted by grandpaj

Hi

This is probably a silly question, but I'm still trying to find mu way around Zen-cart, but how do I add and change the height if the header without messing everything else up.

Many thanks
Grandpa

---

You can make your changes to the stylesheet.css file.

Thanks,

Anne

Love your work and this template is beautiful. I have a problem I posted on your site - the define pages for About Us does not show either in Define Page Status or in the Tool define pages. All 4 SQL's are installed. The About Us shows on page so it is all clickable, but not the defined edit capability. Am I missing something?

Quote:

---

Originally Posted by picaflor-azul

Wait and use the updated package. There were statements missing from the responsive sheffield blue sql patches, but hopefully they have been fixed in the updated package.

Thanks,

Anne

---

Thanks Anne, installed beautifully now playing with and making changes, not many! Not many needed you are brilliant!

Hi
Hi

I have just changed the page width of our site by changing..

.onerow-fluid{width:/*980px*/950px;*zoom:1;/*background: #fff;*/margin:0 auto;}

I am just checking to see that, that is all that needs to be changed, or will this change upset the layout of the site somewhere else.

Many thanks for a great template.

Kind regards
Grandpaj

Hi again

I think I'm pretty thick,
but how do you get products to show below ...New Specials Featured... on the centre of the home page. (Under the blue banner in the centre of the page)

Many thanks
Grandpa

Quote:

---

Originally Posted by grandpaj

Hi again

I think I'm pretty thick,
but how do you get products to show below ...New Specials Featured... on the centre of the home page. (Under the blue banner in the centre of the page)

Many thanks
Grandpa

---

Have you set any products to be sold as specials/featured in your admin catalog area?

Quote:

---

Originally Posted by marketingspartan

Love your work and this template is beautiful. I have a problem I posted on your site - the define pages for About Us does not show either in Define Page Status or in the Tool define pages. All 4 SQL's are installed. The About Us shows on page so it is all clickable, but not the defined edit capability. Am I missing something?

---

I see the problem. You need to copy the define_about_us.php file from the includes/languages/english/html_includes/responsive_sheffield_blue to the
includes/languages/english/html_includes

Thanks,

Anne

Quote:

---

Originally Posted by uswebworx

Thanks Anne, installed beautifully now playing with and making changes, not many! Not many needed you are brilliant!

---

I am happy that you like the template ;) Let me know if you catch any bugs so that I can add them to the list of things that need to be fixed.

Thanks,

Anne

Quote:

---

Originally Posted by grandpaj

Hi
Hi

I have just changed the page width of our site by changing..

.onerow-fluid{width:/*980px*/950px;*zoom:1;/*background: #fff;*/margin:0 auto;}

I am just checking to see that, that is all that needs to be changed, or will this change upset the layout of the site somewhere else.

Many thanks for a great template.

Kind regards
Grandpaj

---

I can not tell you for certain that this is the only place that needs to be changed unless I make these changes on a test site somewhere. I would recommend testing everything out to see if this is the only change that needs to be made.

Thanks,

Anne

Quote:

---

Originally Posted by grandpaj

Hi
Hi

I have just changed the page width of our site by changing..

.onerow-fluid{width:/*980px*/950px;*zoom:1;/*background: #fff;*/margin:0 auto;}

I am just checking to see that, that is all that needs to be changed, or will this change upset the layout of the site somewhere else.

Many thanks for a great template.

Kind regards
Grandpaj

---

Quote:

---

Originally Posted by picaflor-azul

I can not tell you for certain that this is the only place that needs to be changed unless I make these changes on a test site somewhere. I would recommend testing everything out to see if this is the only change that needs to be made.

Thanks,

Anne

---

I am not sure for I haven't looked at the responsive.css file for this template so am unsure if Anne altered the px and % fluid calculations.

But in the original responsive.css file the px and % fluid calculation are precise to 75px (the code includes 12 div's at 75px to calculate total width) including margins and changing (1) to anything other than - or + 75px or its % equivalent will most definitely break at some point on some devise or screen size.

Hi Anne,

I don't know if you've been following my other thread but you might want to take a look at the SQL patches syntax. It is not directly causing my issue but was identified as a side effect.

Quote:

---

Originally Posted by DrByte

Syntactically the patch you've been given isn't properly designed to work in the SQL patch tool.

Try removing the first field from those INSERT statements, since it should never be supplied if it's just gonna be auto-incremented (null) anyway. I've highlighted them here, from your first code snippet:

Code:

---

INSERT INTO configuration (configuration_id, configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function) VALUES
(NULL, '<font color="#0044ff">ACTIVATE Responsive Template by selecting Column Widths</font>', 'COLUMN_WIDTH', '2', ........

---

---

Quote:

---

Originally Posted by rbarbour

I am not sure for I haven't looked at the responsive.css file for this template so am unsure if Anne altered the px and % fluid calculations.

But in the original responsive.css file the px and % fluid calculation are precise to 75px (the code includes 12 div's at 75px to calculate total width) including margins and changing (1) to anything other than - or + 75px or its % equivalent will most definitely break at some point on some devise or screen size.

---

There are changes to these since I have made the left and right hand columns come out to 180px.

Thanks,

Anne

Quote:

---

Originally Posted by RixStix

Hi Anne,

I don't know if you've been following my other thread but you might want to take a look at the SQL patches syntax. It is not directly causing my issue but was identified as a side effect.

---

rbarbour can you take a look at this? I have just added the patch from the DIY responsive template default.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

rbarbour can you take a look at this? I have just added the patch from the DIY responsive template default.

Thanks,

Anne

---

Will Do.

Quote:

---

Originally Posted by picaflor-azul

I am happy that you like the template ;) Let me know if you catch any bugs so that I can add them to the list of things that need to be fixed.

Thanks,

Anne

---

Working on getting it to work with MagicZoom!

Great template Anne, thank you!

I've got it loaded in a fresh 1.5.1 and it's looking great. However, I'm seeing a problem in both my localhost dev site and your live demo, both in chrome and IE:

I view product info page, no "details" or "description" show. Only the picture and the add-to-cart section above and the social links below.

In order to properly view the product info I have to:
1. shrink window to make it "mobile size" (or whatever one calls it) and to view the Details and Description expansion links.
2. click them to expand and the info is there.
3. re-size the window large and the info remains viewable.
Notes:
If I hit F5 (refresh) it all goes away again and I have to resize again to make it show.
If I fail to expand the 2 links in "mobile mode" before re-sizing the window large that doesn't do it either.
The only chrome extention I have is adblockplus which I disabled to no effect.

I'm thinking I should see the product info in a normal PC size browser window without having to do all that?

THANKS!
Scott

Quote:

---

Originally Posted by picaflor-azul

rbarbour can you take a look at this? I have just added the patch from the DIY responsive template default.

Thanks,

Anne

---

Quote:

---

Originally Posted by DrByte

Syntactically the patch you've been given isn't properly designed to work in the SQL patch tool.

Try removing the first field from those INSERT statements, since it should never be supplied if it's just gonna be auto-incremented (null) anyway. I've highlighted them here, from your first code snippet:

Code:

---

INSERT INTO configuration (configuration_id,  configuration_title, configuration_key, configuration_value,  configuration_description, configuration_group_id, sort_order,  date_added, use_function, set_function) VALUES
(NULL, '<font  color="#0044ff">ACTIVATE Responsive Template by selecting Column  Widths</font>', 'COLUMN_WIDTH', '2', ........

---

---

I get the same result with configuration_id VALUE NULL as I do if I remove it from the SQL patch

Result = highest configuration_id +1

I will update my template packages at my earliest convenience, IMO this has nothing to do with the blank configuration key issue of @RixStix

However, DrByte is the man and if he says "remove it", remove it.

Maybe DrByte can weigh in on how to go about doing this.

I would suggest including a patch to delete current configuration_key

DELETE FROM configuration WHERE configuration_key = 'COLUMN_WIDTH';

But this will have no effect if the configuration_key is blank

Changing the sql_patch is easy enough

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added, use_function, set_function) VALUES
('<font color="#0044ff">ACTIVATE Responsive Template by selecting Column Widths</font>', 'COLUMN_WIDTH', '2', 'Width of the Left and Right Columns<br />0 = Use Default Template Settings<br />1 = 75px<br />2 = 150px<br />3 = 225px',@configuration_group_id, NULL, NOW(), NULL, 'zen_cfg_select_option(array(\'0\', \'1\', \'2\', \'3\'),');

Even though the SQL patch tool recognizes configuration_id as an AUTO_INCREMENT value and ignores it using the original patch.

I will copy this in the other thread as well in hopes to get a response from the man himself.

I did not mean to imply that this was causing my problem or to stir a hornet's nest. I only wanted to relay what I had been told about the patch while trying to fix the other problem that just coincidentally appeared when installing the template.

Quote:

---

Originally Posted by RixStix

I did not mean to imply that this was causing my problem or to stir a hornet's nest. I only wanted to relay what I had been told about the patch while trying to fix the other problem that just coincidentally appeared when installing the template.

---

By no means are you stirring a hornet's nest.

As you can see we have just started implementing this code into our templates and any and all findings are being handled promptly to ensure all bugs are fixed.

Quote:

---

Originally Posted by RixStix

I did not mean to imply that this was causing my problem or to stir a hornet's nest. I only wanted to relay what I had been told about the patch while trying to fix the other problem that just coincidentally appeared when installing the template.

---

By any chance did you install another responsive template?

I want to move all the language, currency, shopping cart, etc... to the top of the header. If someone has any suggestions, it would be greatly appreciated. Also I don't use the sales text. When I deleted the text and just had the single quotes, the main part of my site disappeared as did the right sideboxes. But when I put in single space, it will move my logo up and leave an uneven gap at the bottom. Any help is greatly appreciated.

Here is a link to my site:

www.lhalsportscards.com

ps. I love your template, I can know tell my customers they may browse my site on most devices.... Thanks.

I am also having an issue with the product description not showing on the product page.

Here is a link:

http://lhalsportscards.com/index.php...roducts_id=609

Quote:

---

Originally Posted by DJLQD

I am also having an issue with the product description not showing on the product page.

Here is a link:

http://lhalsportscards.com/index.php...roducts_id=609

---

To fix this, in the responsive.css change .content to .content1 on line 304.

I will note this bug for a future update ;)

Thanks,

Anne

Hi Anne,

Firstly let me say how generous you are with your help and great templates.
I'm torn between Responsive All Business and Responsive Sheffield Blue.
The only thing is, how difficult would it be, and what would it entail to move the Slider down so it it sits between the left and right columns(Sheffield blue) like it show in responsive all business.

Many thanks
Grandpa

Quote:

---

Originally Posted by picaflor-azul

To fix this, in the responsive.css change .content to .content1 on line 304.

I will note this bug for a future update ;)

Thanks,

Anne

---

Thanks Anne!!

Quote:

---

Originally Posted by grandpaj

Hi Anne,

Firstly let me say how generous you are with your help and great templates.
I'm torn between Responsive All Business and Responsive Sheffield Blue.
The only thing is, how difficult would it be, and what would it entail to move the Slider down so it it sits between the left and right columns(Sheffield blue) like it show in responsive all business.

Many thanks
Grandpa

---

You will need to change the width of the slide show and then remove the call for it in the tpl_main_page.php file and add it to the define_main_page.php.

Thanks,

Anne

Quote:

---

Originally Posted by scottj

Thanks Anne!!

---

No problem ;)

Thanks,

Anne

Hi Anne,

I am having an issue while installing this template , in Template- layout controller -

Step 5: Show Box @Min-Width:

Hide Sideboxes on Small Screens

I am not getting this option "Show Box @Min-Width" .
Can you please help me in this issue.

Thanks.
Anurag

Hi Anne,

Thank you for the template..
But i am facing a small issue while installing .

In Template -> Layout Controller -
I m not getting the Coulumn - "Show Box @Min-Width:"

Can you help me in this.

Thanks
ANurag

Very nice template. Thanks for this. But can someone please tell me why the Center column goes below the left side boxes?

http**fabricbaseinc.com/site

Thanks in advance.

Quote:

---

Originally Posted by AATECH

Very nice template. Thanks for this. But can someone please tell me why the Center column goes below the left side boxes?

http**fabricbaseinc.com/site

Thanks in advance.

---

Have you set all the layout settings exactly as per the readme instructions?

Quote:

---

Originally Posted by AATECH

Very nice template. Thanks for this. But can someone please tell me why the Center column goes below the left side boxes?

http**fabricbaseinc.com/site

Thanks in advance.

---

The template is designed to use a 180px left and right hand column. If you want to change these widths you will have to adjust the columns in the responsive.css.

Thanks,

Anne

Attachment 13132 Love the quick response guys. So you can see my settings in the screenshot, no matter what we change the left/right boxes to, it won't help. Also, something I see odd, is that for the option [ ACTIVATE Responsive Template by selecting Column Widths ] it's set at 2 which is 150PX not sure if this is what's messing it up? specially since you want us to change it to 180PX.

The screenshot attached get's much smaller, here's a link to it:
HTTP**fabricbaseinc.com/site/issue1.gif

I am having the same issue.. If I maximize Chrome/Firefox.. it will move the center column under the first column.. If I shrink Chrome.. it moves everything back to where it's supposed to be.. If I have the right column with boxes in it, it will move them under the left column...

It's like it's not recognizing a max over width setting for the container of all 3 columns...

Here is link to beta site..

http://www.clmarketingllc.com/good/

I will toy with the responsive.css later today.

Thanks!

Brian

Quote:

---

Originally Posted by brian70809

I am having the same issue.. If I maximize Chrome/Firefox.. it will move the center column under the first column.. If I shrink Chrome.. it moves everything back to where it's supposed to be.. If I have the right column with boxes in it, it will move them under the left column...

It's like it's not recognizing a max over width setting for the container of all 3 columns...

Here is link to beta site..

http://www.clmarketingllc.com/good/

I will toy with the responsive.css later today.

Thanks!

Brian

---

If you want to use different widths for the left and right hand columns than are included in the template (180px) then you will need to make adjustments to the responsive.css file.

Thanks,

Anne

Quote:

---

Originally Posted by AATECH

Attachment 13132 Love the quick response guys. So you can see my settings in the screenshot, no matter what we change the left/right boxes to, it won't help. Also, something I see odd, is that for the option [ ACTIVATE Responsive Template by selecting Column Widths ] it's set at 2 which is 150PX not sure if this is what's messing it up? specially since you want us to change it to 180PX.

The screenshot attached get's much smaller, here's a link to it:
HTTP**fabricbaseinc.com/site/issue1.gif

---

Have you compared your admin settings to the recommended admin settings as specified in the readme.html file? These need to be followed.

Thanks,

Anne

Quote:

---

Originally Posted by AATECH

Very nice template. Thanks for this. But can someone please tell me why the Center column goes below the left side boxes?

http**fabricbaseinc.com/site

Thanks in advance.

---

The Responsive design uses 3 column, the left column, the center column and the right column. As you shrink your browser or view your site in say a "mobile device", the responsive code stacks those columns.

So at maximum width you get:

left column center column right columns

and at min width you get

left column
center column
right columns

Quote:

---

Originally Posted by AATECH

Love the quick response guys. So you can see my settings in the screenshot, no matter what we change the left/right boxes to, it won't help. Also, something I see odd, is that for the option [ ACTIVATE Responsive Template by selecting Column Widths ] it's set at 2 which is 150PX not sure if this is what's messing it up? specially since you want us to change it to 180PX.

The screenshot attached get's much smaller, here's a link to it:
HTTP**fabricbaseinc.com/site/issue1.gif

---

By selecting values 1,2 or 3 in the ACTIVATE Responsive Template by selecting Column Widths configuration, it overrides and makes null the stock Column Width - Left/Right (Boxes) configuration).

Selecting 2 for 150px sets the responsive CSS code to 180px (the CSS was altered to 180px not the config value but still sets it at 180px)

Quote:

---

Originally Posted by brian70809

I am having the same issue.. If I maximize Chrome/Firefox.. it will move the center column under the first column.. If I shrink Chrome.. it moves everything back to where it's supposed to be.. If I have the right column with boxes in it, it will move them under the left column...

It's like it's not recognizing a max over width setting for the container of all 3 columns...

Here is link to beta site..

http://www.clmarketingllc.com/good/

I will toy with the responsive.css later today.

Thanks!

Brian

---

Your site is functioning as it should - see post #84 to understand how the responsive code stacks the columns at min-width.

Quote:

---

Originally Posted by rbarbour

Your site is functioning as it should - see post #84 to understand how the responsive code stacks the columns at min-width.

---

The problem is at MAX width it's behaving as if it's at a narrow width... as I narrow the max width.. it behaves like it should.. then as I narrow it more.. it goes back to stacking the columns.

The Demo site that is linked on the download works perfect.. Max width of my screen.. it's all aligned at about a 960px width or so... all 3 columns where they should be.

Mine is not following this behaviour.

Quote:

---

Originally Posted by brian70809

The problem is at MAX width it's behaving as if it's at a narrow width... as I narrow the max width.. it behaves like it should.. then as I narrow it more.. it goes back to stacking the columns.

The Demo site that is linked on the download works perfect.. Max width of my screen.. it's all aligned at about a 960px width or so... all 3 columns where they should be.

Mine is not following this behaviour.

---

I have looked at your site in the latest FF, IE, Opera, Chrome, iPhone 5S, Apple iPad and Google Nexus.

The only thing that is keeping your site from shrinking and expanding correctly is google maps (it is not designed to be responsive), it is built using tables (tables will only shrink until the content within doesn't allow them too.).

removed the google map and it's just two sentences of basic text.. Behaviour is still there. It's got to be a width issue in the css file or a column is not being recognized properly.

If I change category width to 225 in the responsive options.. it does a correct layout at all sizes.. I just don't need the first column to be that wide...

Quote:

---

Originally Posted by brian70809

If I change category width to 225 in the responsive options.. it does a correct layout at all sizes.. I just don't need the first column to be that wide...

---

Actually it doesn't and now I see what you are talking about.

col3 - 225px for left column
should produce col8 - center column if right column is 0

where yours is producing col6

Quote:

---

Originally Posted by brian70809

removed the google map and it's just two sentences of basic text.. Behaviour is still there. It's got to be a width issue in the css file or a column is not being recognized properly.

---

I agree their is an issue but keep in mind about what I said about the html tables in the google map code.

I will play with the test site to see if I can reproduce this.

What are your admin global disable settings?
Where any additional per page disable flags set?

Here are my layout settings.... Not sure on per page disable flags??

Attachment 13133

Quote:

---

Originally Posted by brian70809

Here are my layout settings.... Not sure on per page disable flags??

Attachment 13133

---

Just out of curiosity,

Do you have any active right side-boxes?
Do you plan to use the right column?

If no to both, change the Column Right Status - Global to VALUE 0

If yes to either, check to see if any are configured to show in the right column in the tools > layout box controller page

When I turn that global value to 0.. not it constantly moves middle column underneath first column.. It does not matter what width I select.. 75, 150, or 225....

Also.. in 150.. the one sentence will run off the screen.. i'm going to take out the Google Map just for peace of mind.

I have also notice that the Featured Products bar is getting messed up with either modes.. I wonder if this is a symptom or the problem? Where can I adjust that?

Quote:

---

Originally Posted by brian70809

When I turn that global value to 0.. not it constantly moves middle column underneath first column.. It does not matter what width I select.. 75, 150, or 225....

---

I'm not getting that result when I view your site now.

Here is a picture in Firefox.. my screen resolution is 1920x1080..

See how the featured products banner is not formatted right in first pic. and in second pic when I bring the browser into a smaller size it sets up correctly.

Attachment 13134Attachment 13135

Quote:

---

Originally Posted by rbarbour

By selecting values 1,2 or 3 in the ACTIVATE Responsive Template by selecting Column Widths configuration, it overrides and makes null the stock Column Width - Left/Right (Boxes) configuration).

Selecting 2 for 150px sets the responsive CSS code to 180px (the CSS was altered to 180px not the config value but still sets it at 180px)

---

Yes, this is correct ;) I have this bug on a list for a future template update.

Thanks,

Anne

Quote:

---

Originally Posted by rbarbour

I have looked at your site in the latest FF, IE, Opera, Chrome, iPhone 5S, Apple iPad and Google Nexus.

The only thing that is keeping your site from shrinking and expanding correctly is google maps (it is not designed to be responsive), it is built using tables (tables will only shrink until the content within doesn't allow them too.).

---

Yes, this is the problem. Good catch!

Thanks,

Anne