Sheffield Blue Template Support Thread

picaflor-azul:

The Responsive Sheffield Blue and Sheffield Blue are 2 completely different template packages. If you used to have the Sheffield Blue template installed then you can not just upgrade to the responsive package. You need to install the responsive package like a new template and then use the new template override directory to install any modules.

Thanks,

Anne

Thank you but any idea why I am getting sql error?

jsarwar:

Thank you but any idea why I am getting sql error?

Probably because you have installed the template previously before you upgraded.

Thanks,

Anne

I installed the template to my store and it's not showing up in the template section in my admin. Please advise. thank you.

QueenKat:

I installed the template to my store and it's not showing up in the template section in my admin. Please advise. thank you.

My guess is that you are not uploading the files to the correct location on your server. See the readme.html file for complete installation instructions.

Thanks,

Anne

Hi Anne,

I installed instant Search module on zencart default it worked but when I installed it on site with this template it did not.

How I can make it work on your template?

jsarwar:

Hi Anne,

I installed instant Search module on zencart default it worked but when I installed it on site with this template it did not.

How I can make it work on your template?

The template will work with any stable, properly installed module. It sounds like you have not installed the module properly, or maybe there are javascript conflicts, or file merges that you have not done correctly.

Thanks,

Anne

picaflor-azul:

The template will work with any stable, properly installed module. It sounds like you have not installed the module properly, or maybe there are javascript conflicts, or file merges that you have not done correctly.

Thanks,

Anne

I have uploaded all files correctly except in templates/sheffield_blue/jscript
Your template already have jquery.js
and instant search module also have file with same name. Do you think this may be causing issue?
I tried deleting one and keeping other but did not resolve issue.
Any guidance will be appreciated.
And do you know any software which can use to edit or merge jquery.js type files. I tried to read it in notepad but no way.

jsarwar:

I have uploaded all files correctly except in templates/sheffield_blue/jscript
Your template already have jquery.js
and instant search module also have file with same name. Do you think this may be causing issue?
I tried deleting one and keeping other but did not resolve issue.
Any guidance will be appreciated.
And do you know any software which can use to edit or merge jquery.js type files. I tried to read it in notepad but no way.

I downloaded the latest sheffield blue from the plugins and do not see a file named jquery.js in the jscript folder. But this was the latest version so don't know if earlier versions have it in them. Looking at the instant search plugin, the last update was in 2011 so I will say that it is using an old version of jquery. Whereas this template is using one of the latest versions of jquery.

yaritai:

I downloaded the latest sheffield blue from the plugins and do not see a file named jquery.js in the jscript folder. But this was the latest version so don't know if earlier versions have it in them. Looking at the instant search plugin, the last update was in 2011 so I will say that it is using an old version of jquery. Whereas this template is using one of the latest versions of jquery.

Have you installed InstantSearch and did it work for you?
I have tried, it change the look of search box but does not work.

"What is this" cvv help pop up have same blue color in background as template so black color font is not easy to read on it. How I can change background color for CVV help pop up?

jsarwar:

Have you installed InstantSearch and did it work for you?
I have tried, it change the look of search box but does not work.

"What is this" cvv help pop up have same blue color in background as template so black color font is not easy to read on it. How I can change background color for CVV help pop up?

It sounds like you have a jquery conflict. The jscripts need to be called in a particular order to work. You should also check that the jquery main library is only being called once.

Any stable, properly installed module works with the template.

Use the firefox or chrome developers tools to find the class or id of the main background for the popup and then add background:none; to your stylesheet.css.

Thanks,

Anne

picaflor-azul:

It sounds like you have a jquery conflict. The jscripts need to be called in a particular order to work. You should also check that the jquery main library is only being called once.

Any stable, properly installed module works with the template.

Use the firefox or chrome developers tools to find the class or id of the main background for the popup and then add background:none; to your stylesheet.css.

Thanks,

Anne

(1) You already have included in template stylesheet
"#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {background-color: #fff;}"

but this is not working as I still get blue background. I already checked via chrome and fox and found 2 divs popupCVVHelp and trailimageid. I tried trailimageid in css with background none/#fff and but did not work.

Then I checked search help and it is also showing blue back ground. So it looks like css above line is not working properly for all these.

(2) "It sounds like you have a jquery conflict. The jscripts need to be called in a particular order to work. You should also check that the jquery main library is only being called once."
How I can do that. Can you refer me any tutorial link or software I can use to do this?

picaflor-azul:

It sounds like you have a jquery conflict. The jscripts need to be called in a particular order to work. You should also check that the jquery main library is only being called once.

Any stable, properly installed module works with the template.

Use the firefox or chrome developers tools to find the class or id of the main background for the popup and then add background:none; to your stylesheet.css.

Thanks,

Anne

Actually I was able to fix this by
Changing

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {background-color: #fff;}

to

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {background:none;}

jsarwar:

(1) You already have included in template stylesheet
"#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {background-color: #fff;}"

but this is not working as I still get blue background. I already checked via chrome and fox and found 2 divs popupCVVHelp and trailimageid. I tried trailimageid in css with background none/#fff and but did not work.

Then I checked search help and it is also showing blue back ground. So it looks like css above line is not working properly for all these.

(2) "It sounds like you have a jquery conflict. The jscripts need to be called in a particular order to work. You should also check that the jquery main library is only being called once."
How I can do that. Can you refer me any tutorial link or software I can use to do this?

If you view the page source, you can see what jqueries are loading in which order.

Thanks,

Anne

picaflor-azul:

If you view the page source, you can see what jqueries are loading in which order.

Thanks,

Anne

Thank you. In source it shows

=/includes/templates/sheffield_blue/jscript/jscript_imagehover.js,/includes/templates/sheffield_blue/jscript/jscript_utils.js&1397512464"></script>

How I can merge these or change order. I do have CSS JS Loader install. I heard its better to load .js files via it. To load via CSS JS Loader should I just move these files to CSS JS folder?

I'm trying to convert my website to Sheffield Blue. It is a great mod...thanks for the detail and hard work! I absolutely want to use this on my website if I can get it to work with my existing plug-ins.

I installed the mod (per packaged instructions) on my test shop which is one folder level into the root directory. The config file is modified to point at the image folder in my live shop directory structure.

Image Handler quit working when I installed Sheffield Blue. The scroll over image enlargement function does not work any more and the .js slide show images are tiny. I searched this thread for "Image" and "Image Handler" and read all related info and didn't see a fix for the issue.

Since my config file is modified to point to a different image directory than the "standard" install, I thought it may be causing the problem with the Image Handler program.

So, I did a fresh install of ZC, Sheffield Blue, and Image Handler 4 into a new test site with no mods to the config files. Well, it fixed the tiny image problem with the .js slideshow, but I still can't get the mouse over picture enlargement to work.

My test shop is v.1.5.1 at GoDaddy with only Image Handler 4 and Sheffield Blue mods applied.

The live shop is using v.1.5.1 at GoDaddy with UPS, USPS, Image Handler 4, EasyPopulate4, and dbBackup mods installed.

Thanks.

Mike

mikeel100:

I'm trying to convert my website to Sheffield Blue. It is a great mod...thanks for the detail and hard work! I absolutely want to use this on my website if I can get it to work with my existing plug-ins.

I installed the mod (per packaged instructions) on my test shop which is one folder level into the root directory. The config file is modified to point at the image folder in my live shop directory structure.

Image Handler quit working when I installed Sheffield Blue. The scroll over image enlargement function does not work any more and the .js slide show images are tiny. I searched this thread for "Image" and "Image Handler" and read all related info and didn't see a fix for the issue.

Since my config file is modified to point to a different image directory than the "standard" install, I thought it may be causing the problem with the Image Handler program.

So, I did a fresh install of ZC, Sheffield Blue, and Image Handler 4 into a new test site with no mods to the config files. Well, it fixed the tiny image problem with the .js slideshow, but I still can't get the mouse over picture enlargement to work.

My test shop is v.1.5.1 at GoDaddy with only Image Handler 4 and Sheffield Blue mods applied.

The live shop is using v.1.5.1 at GoDaddy with UPS, USPS, Image Handler 4, EasyPopulate4, and dbBackup mods installed.

Thanks.

Mike

So, while this issue is occurring when using this template, there is nothing about this template that disables the functionality of IH4. I would suggest that the thread for IH4 be used/reviewed, but before posting there, I would recommend reading through the associated documentation very carefully. My initial take on wht has been provided is that the plugin was not again installed after the template was and that possibly one or more folders expected to be present to support that installation is not present and therefore when attempting to install on the vanilla version that some of the files did not end up where desired. Which also can happen if a file doesn't get fully written to the server on upload. An additional indication of the "missing" folder might be if additional images do not appear on product page layouts, but yet the source code is present to display the additional image. (Recently saw this situation and again, unrelated to this template.)

mikeel100:

I'm trying to convert my website to Sheffield Blue. It is a great mod...thanks for the detail and hard work! I absolutely want to use this on my website if I can get it to work with my existing plug-ins.

I installed the mod (per packaged instructions) on my test shop which is one folder level into the root directory. The config file is modified to point at the image folder in my live shop directory structure.

Image Handler quit working when I installed Sheffield Blue. The scroll over image enlargement function does not work any more and the .js slide show images are tiny. I searched this thread for "Image" and "Image Handler" and read all related info and didn't see a fix for the issue.

Since my config file is modified to point to a different image directory than the "standard" install, I thought it may be causing the problem with the Image Handler program.

So, I did a fresh install of ZC, Sheffield Blue, and Image Handler 4 into a new test site with no mods to the config files. Well, it fixed the tiny image problem with the .js slideshow, but I still can't get the mouse over picture enlargement to work.

My test shop is v.1.5.1 at GoDaddy with only Image Handler 4 and Sheffield Blue mods applied.

The live shop is using v.1.5.1 at GoDaddy with UPS, USPS, Image Handler 4, EasyPopulate4, and dbBackup mods installed.

Thanks.

Mike

As with any plugins/modules, if you do a new template installation you will need to copy any files in the old override folder to the new override folder or the plugins will not work.

Thanks,

Anne

picaflor-azul:

As with any plugins/modules, if you do a new template installation you will need to copy any files in the old override folder to the new override folder or the plugins will not work.

Thanks,

Anne

I was not aware that the order of installation was important. Let me uninstall and reinstall IH4 and see what happens.

Thanks for your help.

mikeel100:

I was not aware that the order of installation was important. Let me uninstall and reinstall IH4 and see what happens.

Thanks for your help.

For clarity, it's not so much (or not always) about the order of installation depending on what is done to install something. Ih4 happens to "auto"install based on the current template, so at least ZC would have to consider this template the active template in order to install it to this template. Further, some plugins have no dependency on the template but that also depends on what the plugin does. Otherwise, as Anne stated for all plugins to work like they did on a different template, their respective files must be copied over or as I had suggested the plugin reinstalled. Either way, a manual installation may be the best solution as then only the files applicable to the template would need to be installed and not all of the other files and further that manual installation could in most cases occur in any order. As long as something else doesn't overwrite the new changes, etc...

Thanks for the insight!

I'm in the process of installing the template to my live store.

I ran into a contradiction in the installation instructions. The html readme file says:

Column Layout Grid

The column layout grid module will give you a product listing page in columns rather than rows. The template pacakge comes with the files already installed. To complete the installation, you will need to patch your database.

Just a few lines down it says to go into "Configuration -> Product Listing" and "Click on "Product Listing - Layout Style", select** "rows"** and click on the "update" button."

I've highlighted the contradiction in bold letters. Am I supposed to select "rows" or "columns"?

Then it says to go into Configuration -> Define Page Status and define the "About Us" page. Well, there is no "About Us" page listed there so I'm assuming the instructions are telling me to turn on or enable one of the unused pages here. Is that correct? And yes, I did apply the patches before going to Define Page Status.

I currently have my "About" page defined in EZPages.

Thanks for your help.