Sheffield Blue Template Support Thread

Quote:

---

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

Quote:

---

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

Code:

---

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

---

to

Code:

---

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

---

Quote:

---

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

Quote:

---

Originally Posted by 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&amp;1397512464"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" type="text/javascript"></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

Quote:

---

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

Quote:

---

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

Quote:

---

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

Quote:

---

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

Quote:

---

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.