Change Jigoshop variation option inline style

Hi itcassy,

Which version of IE are you using?

I am using IE 11. My client said several clients that use IE have complained and they lost at least one sale yesterday because the secondary options all show but the add to cart only appears when you click a valid one. So if you don’t know that, it just looks like the cart is broken. This is a known issue in IE – IE does not recognize display:none when inside an option. Microsoft acknowledged it in a post i saw and it is listed online everywhere that this is the case.

Hi itcassy,

Well with IE there are always problems ?? To remove disabled options you can try the fallowing:

Method 1:

If you are familiar with coding open your-theme/header.php file and add the following code snippet, it should work only for IE version 11

<!–[if !IE]><!–>
<script type=”text/javascript”>

jQuery(document).ready(function($){
$(‘option:disabled’).remove();
});

</script>
<!–<![endif]–>

For all IE versions:

<!–[if IE]><!–>
<script type=”text/javascript”>

jQuery(document).ready(function($){
$(‘option:disabled’).remove();
});

</script>
<!–<![endif]–>

Method 2:

Got to your-theme/script.js or your-theme/assets/js/script.js or your-theme/js/script.js the location depends on your theme and add the following code snippet, it works for all the versions of IE, the code snippet should be between jQuery(document).ready(function($){ Code goes here });

var ms_ie = false;
var ua = window.navigator.userAgent;
var old_ie = ua.indexOf(‘MSIE ‘);
var new_ie = ua.indexOf(‘Trident/’);

if ((old_ie > -1) || (new_ie > -1)) {
ms_ie = true;
}

if ( ms_ie ) {
$(‘option:disabled’).remove();
}

Hi Vasili,
Don’t I know it that IE always is a headache! Thank you for the follow up.

I tried this and nothing changed. I am not a super coder or anything, but isn’t that removing options that are disabled? The issue is that the options are not disabled in the code, they are using a style to hide:

<option value="xxx" style="display: none;">xxx</option>

It is the style=”display:none;” that IE does not recognize when in an option. I have verified through several resources that this IS a known issue in IE. I would like to change that to:

<option value="xxx" disabled="disabled">xxx</option>

And then I believe your code will work to remove them.

I am using a Mysitemyway theme which recommended Jigoshop. Jigoshop is updated to the most current version. You can see an example here. Choose the framed miniature from the image size and you will see how frustrating it is for IE users. In other browsers, it works perfectly.

Thanks again

Even if I could change display:none; to color:#ccc;, that would be better than what it is now until there is a better resolution. I just can’t find where that attribute is added!

Hi itcassy,

Could you contact us please trhough the contact form from our website? jigoshop.com

Include in the email the link to this topic, we will need some details to try to fix it for you.