Cross browsing issue with WordPress 4.4.2

Resolved Mizan M.
(@mizaniz)

7 years, 10 months ago
Hi Boxzilla,
We are trying to implement two boxzilla on the page: http://www.tribemainline.com/home-test/

The page shows the 1st boxzilla box when users scroll 50% of the page. The 2nd boxzilla box appears when they click on the 1st box, it’s implemented with a jquery call:
```
<script type="text/javascript">
// Closes current Boxzilla Box and opens 2nd Boxzilla Popup box
jQuery("#gray-strip").click(function() {
    jQuery(".boxzilla-369").show(Boxzilla.show(369));
    jQuery(".boxzilla-386").hide(Boxzilla.hide(386));
});
</script>
```
The settings for 1st box:
1. Load this box if: Request matches [any] of the following conditions.
[if page] [is] [home-test]
2. Box Position: [Bottom-Right]
3. Animation: Slide-in
4. Auto-show box?: [Yes, when at 50% of page height.]
5. Cookie expiration days: 0
6. Do not auto-show box on small screens? [Blank]
7. Auto-hide? [No.]
8. Enable test mode?: [No.]

The settings for 2nd box:
1. Load this box if: Request matches [any] of the following conditions.
[if page] [is] [home-test]
2. Box Position: Center
3. Animation: [Slide-in]
4. Auto-show box?: [Never]

The configuration works for FF 47 and Chrome 52.
But, on IE/Edge (all versions) and earlier version of FF 45, the two box appears automatically. Furthermore, the 2nd box show on the left side of the page where it should be centered.
Also, some of the mobile devices have this issue.

Could this be resolved. I want to buy Premium add-on with Paypal if that an option.

https://wordpress.org/plugins/boxzilla/

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author Danny van Kooten
(@dvankooten)

7 years, 10 months ago
Hi mizaniz,

To show a box, you don’t need to call the jQuery .show() method on the box element, you can simply call Boxzilla.show( 123 ); and that will take care of the rest. So your code snippet can be simplified to the following.
```
<script type="text/javascript">
// Closes current Boxzilla Box and opens 2nd Boxzilla Popup box
jQuery("#gray-strip").click(function() {
    Boxzilla.show(369);
    Boxzilla.hide(386);
});
</script>
```
That will most likely get rid of most of your issues. If not, please post back here and we’ll get rid of the remaining ones!

Additionally, we do not yet support PayPal transactions for the Boxzilla premium add-ons, sorry. We’re currently looking to add support for this, but it will probably be a few months before we actually get it done.

PS. I love your box styling!

Danny
Thread Starter Mizan M.
(@mizaniz)

7 years, 10 months ago

Hi Danny,
Thanks for your reply.

Your advised jQuery call corrects the auto-show of 2nd boxzilla popup box, but the 1st box does not show up which is set to auto-show at 50% of page height on some of the browsers specifically on IE/Edge. Please see the BrowserStack screenshots for http://www.tribemainline.com/home-test/:
https://www.browserstack.com/screenshots/8a672bf83a4dbde671d307d1a87f3a1b8d09c771

Plugin Contributor Lap
(@lapzor)

7 years, 9 months ago

I just tested http://www.tribemainline.com/home-test/ in my Edge browser and it worked just fine. As we can’t reproduce the issue it is very hard for us to help you with this.

Plugin Contributor Lap
(@lapzor)

6 years, 10 months ago

Since there have been no replies to this topic for awhile I will now close this ticket as resolved.

If you still have a problem or you have a similar problem as posted above, please open a NEW topic. Don’t forget to include a link to a page where we can see the issue whenever possible. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Cross browsing issue with WordPress 4.4.2’ is closed to new replies.

Tags