Sheffield Blue Template Support Thread

Actually Anne,

I tried the Responsive Sheffield Blue template and, at least on my website, it had issues that were not workable depending upon the width of the browser window. I understand that that's exactly what it's supposed to do depending upon the machine it's being viewed on (ipad, iphone, tablet, computer...). That said, when the window size was reduced on any browser, the description would be closed or the banners would be rearranged along with various other issues. Because of the clientele I deal with (not all of the them being computer savvy) I decided it would be best to use something more "stable" (not a derogatory statement towards the template please don't misunderstand) for lack of a better term. I would rather work through any issues I'm having with this one then deal with a responsive template. Thanks for all your work on all of these though. I have at least 4 of your templates that I'm using and looking at for production. The Bentley is another one of my favorites.

That said, I am having one last problem. I can't seem to find the file needed to input the code to stop displaying the social media Icons. I don't know if I'm in the wrong file or using the wrong code. I'm using the social_defines.php file found in /includes/languages/english/extra_definitions/sheffield_blue and using .facebook{display:none;} along with the attributes below that .facebook-sh{display:none;} but to no avail. Could you point me in the right direction as to which file it should be in and if I'm I'm using the proper syntax. Thanks in advance.

Stitcher:

That said, I am having one last problem. I can't seem to find the file needed to input the code to stop displaying the social media Icons. I don't know if I'm in the wrong file or using the wrong code. I'm using the social_defines.php file found in /includes/languages/english/extra_definitions/sheffield_blue and using .facebook{display:none;} along with the attributes below that .facebook-sh{display:none;} but to no avail. Could you point me in the right direction as to which file it should be in and if I'm I'm using the proper syntax. Thanks in advance.

I believe that this question has been asked and answered more than once already here. Use .sidebar{display:none;}

Thanks,

Anne

I have searched the support thread thoroughly and have found several answer none of which work or apply. If I'm not mistaken, the .sidebar syntax is used to remove the entire slider and I only want to remove a couple. That said, I still don't know which file it goes in.

Stitcher:

Actually Anne,

I tried the Responsive Sheffield Blue template and, at least on my website, it had issues that were not workable depending upon the width of the browser window. I understand that that's exactly what it's supposed to do depending upon the machine it's being viewed on (ipad, iphone, tablet, computer...). That said, when the window size was reduced on any browser, the description would be closed or the banners would be rearranged along with various other issues. Because of the clientele I deal with (not all of the them being computer savvy) I decided it would be best to use something more "stable" (not a derogatory statement towards the template please don't misunderstand) for lack of a better term. I would rather work through any issues I'm having with this one then deal with a responsive template. Thanks for all your work on all of these though. I have at least 4 of your templates that I'm using and looking at for production. The Bentley is another one of my favorites.

So like all things, a correction is likely to be needed/a bug found, etc. Many of the things you describe as being a problem are corrected/addressed in the forum.

Just my thoughts on the situation.

Stitcher:

I have searched the support thread thoroughly and have found several answer none of which work or apply. If I'm not mistaken, the .sidebar syntax is used to remove the entire slider and I only want to remove a couple. That said, I still don't know which file it goes in.

Typically a .css file, which shouldhave been identified as well in the seaarch/find of the solutions. I forget which one. Should look into getting firebug or similar.

Not necessarily. That is the nature of a responsive template. Standard templates rely on the server to determine the device that the site is being viewed on. A responsive template does not get that information from the server, instead it determines the viewing device and adjusts the size accordingly. Because I can't use it doesn't mean there is a problem with it. It just doesn't do what I'm wanting to do. It's a great template, just not for me.

Thanks for your help. It really doesn't matter what caused the issues or ways to correct them. There's a reason why the templates are called "Responsive" and they're just not for "everyone". I appreciate your input, however, they are just not conducive to my application.

Stitcher:

I have searched the support thread thoroughly and have found several answer none of which work or apply. If I'm not mistaken, the .sidebar syntax is used to remove the entire slider and I only want to remove a couple. That said, I still don't know which file it goes in.

Yes, I gave you the code to hide the sidebar. If you just want to remove one icon, for now, you will need to edit the code in includes/templates/responsive_sheffield_blue/common/tpl_main_page.php.

I already have adding separate classes to the icons marked down for a future template update.

Thanks,

Anne

Thanks Anne,

I saw you had separate classes on your checklist from one of the other comments but wasn't sure how old the comment was. Thanks for your help. You have some beautiful templates!!

Stitcher:

I found the problem, although I'm not quite sure why it was happening. I used the developers tool kit (THANKS to USWEBORX!!:cool:) and found the link I needed to change in the includes/languages/english/extra_definitions/sheffield_blue/footer_menu_defines.php. Although the social icon I was clicking on was in the slider on the side, this link was the one that allowed it to take me to my page instead of the original.
Your welcome, Anne taught me about the Dev toolkit it has been a lifesaver!

Hi Anne. How do you swap the location of the home/login/shopping cart and lang/currency displays? Thx.

gsdcypher:

Hi Anne. How do you swap the location of the home/login/shopping cart and lang/currency displays? Thx.

You will do this using css and xhtml, editing the stylesheet.css and tpl_header.php file. If you post a link to your site I can take a look.

Thanks,

Anne

hey i wanted to add the Sheffield Blue social header to my site but on a different template as far as i know i put all the files for it but it doesnt show how can i fix this problem?

Pablo_escobar:

hey i wanted to add the Sheffield Blue social header to my site but on a different template as far as i know i put all the files for it but it doesnt show how can i fix this problem?

You can download the Social Network Sidebar plugin separately in the plugins section. This is the module I used.

Thanks,

Anne

picaflor-azul:

If you install a new template, then you need to copy any override files for modules that you have installed on your old template to the new template override directory.

Thanks,

Anne

Thank you Anne,

The problem is fixed but it was actually unrelated to the other modules. I had accidentally mixed things up in the headermenu.php file.

Hello Anne. I'm trying move my additional images to a pretty specific location. I would like them to be displayed to the right of my main image right under the box with the "add this to my cart" button. I also would want to remove the dotted line between the images and have them aligned to the left with very little padding between the images. Here is the actual product page.

I've already edited the tpl_product_info_display.php file a bit but I'm not sure what else to do. If you could point me in the direction what other files to edit or what to search for in the developers toolkit that would be great.

Thanks,
Hadley

dabbers:

Hello Anne. I'm trying move my additional images to a pretty specific location. I would like them to be displayed to the right of my main image right under the box with the "add this to my cart" button. I also would want to remove the dotted line between the images and have them aligned to the left with very little padding between the images. Here is the actual product page.

I've already edited the tpl_product_info_display.php file a bit but I'm not sure what else to do. If you could point me in the direction what other files to edit or what to search for in the developers toolkit that would be great.

Thanks,
Hadley

To remove the dotted lines add a .vDotLine{display:none;} to the bottom of your stylesheet.css file.

Add this to the bottom of your stylesheet.css file:

#productAdditionalImages{width:250px;float:right;margin-top:-200px;}

You will also need to set additional images image size smaller or at 2 images per row

Thanks,

Anne

Hello! Quick question. How I am supossed to change method of viewing of "new - featured - special" to the more elegant option of showing it one after another on main page?

[All new products]
[All featured products]

Regards

vojtechjan:

Hello! Quick question. How I am supossed to change method of viewing of "new - featured - special" to the more elegant option of showing it one after another on main page?

[All new products]
[All featured products]

Regards

You need to remove the tabbed home page modules plugin. You can probably just delete the includes/templates/sheffield_blue/templates/tpl_index_home.php file, but I have not tested this so you might have to remove more files from the plugin package.

Thanks,

Anne