Mail Order Incompatibity With Icetheme It_thestore2 Template, The Store 2 from IceTheme and MailOrder Options

[Web Design Seo]

Problem of one of our customers using template The Store 2 from IceTheme with Mail Order component:

Hello, unfortunatly I tried all this and same issue, unable to close tue close this screen

Problem is that popup box of mailorder work but close button - not.

Our answer:

You have all of this in your html code:

Код

<script type="text/javascript" src="/templates/it_thestore2/js/javascript.php"></script>
  <script type="text/javascript" src="/media/system/js/mootools-uncompressed.js"></script>
  <script type="text/javascript" src="/plugins/system/jceutilities/js/mediaobject.js?v=2.2.3"></script>
  <script type="text/javascript" src="/plugins/system/jceutilities/js/jceutilities.js?v=2.2.3"></script>
  <script type="text/javascript" src="/templates/it_thestore2/js/caption.js"></script>
  <script type="text/javascript" src="media/system/js/modal.js"></script>
  <script type="text/javascript">
    MediaObject.init({flash:"10,0,22,87",windowmedia:"5,1,52,701",quicktime:"6,0,2,0",realmedia:"7,0,0,0",shockwave:"8,5,1,0"});
window.addEvent('domready', function(){window.jcepopup=new JCEUtilities({popup:{legacy:0,resize:1,icons:1,overlay:1,overlayopacity:0.8,overlaycolor:"#000000",fadespeed:500,scalespeed:500,
hideobjects:1,scrollpopup:1},tooltip:{className:"tooltip",opacity:1,speed:150,position:"br",offsets:{x: 16, y: 16}},imgpath:"plugins/system/jceutilities/img",theme:"standard",themecustom:"",themepath:"plugins/system/jceutilities/themes"});});
                        window.addEvent('domready',
                            function() {
                                SqueezeBox.initialize({size: {x: 450, y: 600}});
                            
                                $$('a.mailorder').each(function(el) {
                                    el.addEvent('click', function(e) {
                                        new Event(e).stop();
                                        SqueezeBox.setContent('iframe', el.toString() );
                                    });
                                });
                            }
                    );
  </script>
  <script type="text/javascript">var YOOeffects = { url: 'plugins/system/yoo_effects/lightbox/' };</script>
<script type="text/javascript" src="plugins/system/yoo_effects/yoo_effects.js.php?lb=1&re=1&sl=1"></script>

And with so many scripts on page, yooeffects, jceutilities and more, there are no chance that all of this is compatible with each other script.

Our component use only already included in joomla scripts that are in folder: media/system. This is the only one script that use Mail Order and this is standart joomla script, we dont modify this script:

Код

<script type="text/javascript" src="media/system/js/modal.js"></script>

1. You can try to increase number of zindex in script in this way: Open file: media/system/js/modal.js, search for: zIndex (Line 27) and edit this line like this:

Before editing:

Код

closeWithOverlay: true,
zIndex: 65555,
overlayOpacity: 0.7,

After edit:

Код

closeWithOverlay: true,
zIndex: 999997,
overlayOpacity: 0.7,

Ready modified version you can download here: modal script modification


2. Send support ticket to IceTheme team and say them: "your template dont work with modal box script that is included in joomla core. Why?"

Or try this guide how to change script that MailOrder use with other script - in example with highslide.


I recommend you to try our component with other template.