Problem With Modal On Website - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Problem With Modal On Website

David Podesta

David Podesta

Helix Framework 4 years ago

Hi

I use an ecommerce extension jcart.

I have upgraded the Helix ultimate template and am having an issue with a modal when I try to get a quote for shipping.

On this page https://ethanolfireplacefuel.com.au/my-cart

To duplicate the issue, you would need to add a product to cart and then go to cart page and try to get an estimate for shipping and taxes.

Estimate Shipping & Taxes

I just get .modal-backdrop covering over the page and can't make a selection as the modal popup is sitting behind it.

As in this image https://www.dropbox.com/s/wgk02ryi2nvsxpq/Capture-modal-issue.JPG?dl=0

0
4 Answers
Pavel
Pavel
Accepted Answer
4 years ago #42883

Hi. It looks like the conflict of the old jQuery approach and the new Native JavaScript approach (from Bootstrap 5 That Helix Uses) to call the overlay layer of modal window.

I see two solutions:

  1. rewrite jQuery and CSS for this modal window, so that this does not appeal to the standard Bootstrap class for the overlay layer. (to do this you need to see how it worked before Helix update)
  2. Or just disable it through CSS.
.body-oc + .modal-backdrop.show {
    display: none !important;
}

That will looks like this

0
David Podesta
David Podesta
Accepted Answer
4 years ago #42884

Amazing Pavel

Thanks so much.

0
Pavel
Pavel
Accepted Answer
4 years ago #42887

You are wellcome

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #42931

Hi David,

Glad that your problem has been solved already.

Thanks, @Pavel for helping him out.

Best Regards

0