Jump to content
jwchameleoncorp

Jigoshop display problem in Internet Explorer

Recommended Posts

jwchameleoncorp    0
jwchameleoncorp

Website: http://loveahero.com

Internet Explorer 9

Latest Version of Pagelines & Jigoshop

 

Using Internet Explorer, please go to http://loveahero.com/shop/

 

Add any item to your shopping cart (except for the "Test" item). Then click "View Shopping Cart".

 

You'll notice that the picture of the merchandise is over-sized. This only happens in Internet Explorer. The item displays fine in Chrome and Firefox.

 

Has anyone else experienced this? Does anyone have a solution?

 

Thanks,

 

Jeff

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi Jeff,

 

What version of IE is this happening on and also if you disable PageLines Framework and enable Twenty Twelve, does the issue persist ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jwchameleoncorp    0
jwchameleoncorp

Hi Danny,

 

Internet Explorer 9

 

The problem does NOT happen when the Twenty Twelve theme is activated.

 

Any ideas?

 

Thanks,

 

Jeff

Share this post


Link to post
Share on other sites
Rob    547
Rob

Jeff,

 

Danny will be in early in the morning.

 

I've let him know that I have tested your site in IE9 and it's exactly as described.  Just as an aside, IE9 is notorious for not scaling images.  It may be necessary to replace the very large images with ones that are manually resized to standard dimensions.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Simon    247
Simon

This is caused by an Internet Explorer hack for ie8. ( i think ) Anyway if you'd like to test....

 

open pagelines/less/pl-core.less in an editor with line numbers.

 

Find line 589 and change it to this:

 

width/***/: auto9 /* ie8 */

 

The resave settings to cache new css.

Share this post


Link to post
Share on other sites
jwchameleoncorp    0
jwchameleoncorp

Hi Simon,

 

How do I find pagelines/less/pl-core.less?

 

Sorry about the novice question.

 

Thanks,

 

Jeff

Share this post


Link to post
Share on other sites
Simon    247
Simon

wp-content/themes/pagelines/less/pl-core.less

Share this post


Link to post
Share on other sites
jwchameleoncorp    0
jwchameleoncorp

Hi Simon,

 

Ok, I found it using Filezilla and downloaded it to my computer.

 

What program to I use to open it and add the code? I even tried to change the extension but didn't have much luck opening it.

 

Thanks,

 

Jeff

Share this post


Link to post
Share on other sites
Simon    247
Simon

Does filezilla not have right-click edit file?

 

If not you could edit it in wordpress admin in the theme editor. 

 

I also added the file to this reply

pl-core.less.zip

Share this post


Link to post
Share on other sites
jwchameleoncorp    0
jwchameleoncorp

Hi Simon,

 

It does have right-click edit file. Sorry about that. I'm a novice when it comes to programming and didn't know that.

 

When I opened it, it is displayed in a giant paragraph of code in Note Pad. Since it's not in line item format, I'm not sure how to find Line 589?

 

Is the file you attached an edited version with the corrected code that I can just insert and replace the existing file?

 

Thanks for your help,

 

Jef

Share this post


Link to post
Share on other sites
Simon    247
Simon

yes just unzip, upload into the same place, then go to wp-admin and click save in a pagelines area.

Share this post


Link to post
Share on other sites
jwchameleoncorp    0
jwchameleoncorp

Hey Simon,

 

I unzipped and overwrote the existing file in Filezilla. It saved and refreshed.

 

Not sure what you meant when you said to go to wp-admin and click save. Didn't see a way to do that, or I just don't know how.

 

The website still behaves the same in Internet Explorer 9. Any ideas?

 

Thanks for your help so far. I really appreciate it.

 

Jeff

Share this post


Link to post
Share on other sites
Rob    547
Rob

Jeff, I've alerted Simon to your reply.  He'll answer as soon as he's able to and receives my email on Wednesday.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Simon    247
Simon

Hey Simon,

 

I unzipped and overwrote the existing file in Filezilla. It saved and refreshed.

 

Not sure what you meant when you said to go to wp-admin and click save. Didn't see a way to do that, or I just don't know how.

 

The website still behaves the same in Internet Explorer 9. Any ideas?

 

Thanks for your help so far. I really appreciate it.

 

Jeff

 

Log into your wordpress site, click the pagelines site options link on the left then click the big blue save button, this will force the css to be rewritten.

Share this post


Link to post
Share on other sites
jwchameleoncorp    0
jwchameleoncorp

Hi Simon,

 

I tried it, but no luck. Same display problems.

 

Any other ideas?

 

Thanks for your help,

 

Jeff

Share this post


Link to post
Share on other sites
Simon    247
Simon

Id need to take a look in the admin if thats ok, please send me a private message on the forums with a username/password.

Share this post


Link to post
Share on other sites
jwchameleoncorp    0
jwchameleoncorp

Hi Simon, 

 

I set up an Admin account for you and sent the login details in a private message.

 

Thanks for all your help,

 

Jeff

Share this post


Link to post
Share on other sites
Simon    247
Simon
.product-thumbnail img {
    max-width: 80px !important;
}
 
That fixed it. Added it to your custom css.

Share this post


Link to post
Share on other sites
jwchameleoncorp    0
jwchameleoncorp

Just checked it...YOU'RE THE KING!!!

 

I owe you a beer!

 

Thanks a ton for your help!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • flourishdesignstudio
      By flourishdesignstudio
      I am using Jigoshop on a website that also uses PL5 and am running into an issue where the store pages do not allow me to use the PL5 editor. Is anyone else having this problem or know if a solution? 
      When I open the Chrome console I see the following error:
      site.js?ver=b199df:5 Uncaught ReferenceError: PLData is not defined
          at Object.setMasterModel (site.js?ver=b199df:5)
          at Object.init (site.js?ver=b199df:5)
          at HTMLDocument.<anonymous> (site.js?ver=b199df:5)
          at i (jquery.js?ver=1.12.4:2)
          at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
          at Function.ready (jquery.js?ver=1.12.4:2)
          at HTMLDocument.K (jquery.js?ver=1.12.4:2)
       
      The problem can be seen here: http://fingerlakesdistilling.com/shop/ where the sidebar, footer, and header do not show up. Any thoughts?
      Thanks so much!
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      we have noticed that the Elements section is displaying incorrectly under IE11 on Windows 10. See xiting.us. The 3 sections above the footer are Elements sections and they have way too much spacing.
      Is this a known issue?
      Thanks
      Michael
    • richardjacruz
      By richardjacruz+
      Someone reported this little bit of weirdness to me today. They were using Internet Exporer. I used an emulator, and I received the same result. Please see the attached.
      The website is richcruzchicago.com.
      Thanks,
      Rich

    • Jason
      By Jason+
      Hi.
      A previous thread mentioned problems with Splashup in IE.
       
      I am having these same issues. Everything is fine in firefox and chrome but IE displays only half the splash up section overlayed across the other content. See screen shots below.
      How it should look is Fire fox Splashup
      How it looks in IE is IE Splashup.
      Site is www.catholiccol.org.nz/live-preview-09-2016
       
      I have also attached shots of Inspect of each browser. As soon as I click on the ::after and ::before elements in IE the page displays correctly.
      I have tried Splashup on other sites and a local install with no custom css and all other plugins disabled but I still get the same problem.
       
      Any ideas?
       




    • arno
      By arno+
      Site that looks great on other browser, are is rendered wrong on IE: http://foodfunded.us/
      We got multiple complaints.
      The height of sections is way too high. Not sure which section is causing the problem, as they are in containers.
      Or is the size of the images?

      While most of us probably don't use IE, it might prevent professionals from getting client engagements with the PL5 tool, if the browsers don't have coverage.

×