Code

Discussion on Responsive Bootstrap Modal And Popup

Discussion on Responsive Bootstrap Modal And Popup

Cart 409 sales

szthemes supports this item

Supported

This author's response time can be up to 1 business day.

68 comments found.

I have a gallery of images that for each img I want to call a popup to run the following code which is a video player. would this be possible with your stuff. I seen a example popup that ran a youtube video. I have that now but need to replace it. My video player embed code is as follows:

<iframe width=’100%’ height=’100%’ allowfullscreen=’true’ webkitallowfullscreen=’true’ mozallowfullscreen=’true’ src=’https://vidyz.com/VideoPlayer/?v=5c61f3a7e5dea1549923239&t=mp4&xsize=700&controls=1&c=bb0000&a=1' style=’overfolow:hidden; border:0px;’></iframe>

I’m thinking about your video-self hosted popup

Hi,

Thanks for using our product. Can you please provide us a live preview or link of your page where you are using our item?

Regards,

szthemes

szthemes53@gmail.com

Correct your URL of “jquery-migrate-1.4.1.min.js”

https://www.hdvisionworks.com/v/vspfiles/modal/js/jquery-migrate-1.4.1.min.js

Yes I saw and did it, but the errors remains

Ok, Let’s try another solution. Please follow the instructions:

1 – Delete jquery migrate ( jquery-migrate-1.4.1.min.js ) from your page.

2 – Now add again jquery version 3.3.1 ( jquery-3.3.1.min.js ) just before ( bootstrap.min.js ) file.

3 – Now add <script>var jq331 = jQuery.noConflict(true);</script> line just before ( bootstrap.min.js ) file and immediately after ( jquery-3.3.1.min.js ) file. As you can see below:


<script src="/js/jquery-3.3.1.min.js"></script>

<script>var jq331 = jQuery.noConflict(true);</script>

<script src="/js/bootstrap.min.js"></script>

<script src="/js/bs4_modal.min.js"></script>


Trying to install on a Volusion Store and is feezing my page, the scroll bar is desapearing and the page is freeze, what can I do? Already try bootstrap 3 and 4

Hello does your plugin support remote content? If so could you kindly show me a sample of this working. Thank you.

Hi,

Thank you for taking interest. No, it is not possible.

Regards,

szthemes

szthemes53@gmail.com

Thanks for the script!

Question – when you click on a trigger, the screen scrolls to the top, although the user is looking at the middle of the screen. How to do without scrolling the screen?

Example? http://laguna-pools.ru/shop/#

subnews4@mail.ru

Hi,

Thanks for using our product. Please add data-toggle=”modal” attribute in trigger just after data-modal-id=”ids”.

Regards,

szthemes

szthemes53@gmail.com

Hi, Does this have an exit intent popup? I would like it to appear when someone goes to close the browser, navigate away from the site. Thanks, Heather

Hi,

Thank you for taking interest. No, it is not possible.

Regards,

szthemes

szthemes53@gmail.com

Hello

I suggest to create form for “paid subscribe”

Hello, I have a question about your Responsive Bootstrap Modal Popup, What should I do for this popup to loading automatically after 5 seconds for example.Thanks

Hi,

Thanks for using our product. Please add the following code just before tag after all js files.

<script> $(window).one('load', function(){ setTimeout(function(){ $('#modalId').modal({show: true}); }, 5000); }); </script>

The above code will show modal on window load after 5 seconds. You just change modal id from ”#modalId” to your own modal’s id and if you want to change duration value then change 5000. Each time when page load the modal will appear after 5 seconds automatically.

Regards,
szthemes
szthemes53@gmail.com

Hi!

How I can open modal every 7 days (session per cookie)?

Reply via email I sended to you

Check your email

Hello… I have just purchased your item. I want to combine the search modal with google site search – https://cse.google.com/cse/ – How do I implement javascript – so that it can be used together?

Hi,

Thanks for using our product. Please provide us more information about your issue through email and also provide us a live preview or a link of your site where you are using it.

Regards,

szthemes
szthemes53@gmail.com

Is something already known? Have not yet received an answer to my email sent 2 days a go…

Please check your email now.

Hello, I just implemented this item into my bootstrap page. I wanted to load an external URL within an iframe, the page is loading, but it seems that the styling is quite difficult to achieve. I even dont see any option to set the width of the model to 90% of the screen. So the external content won’t show up nice. Do you have any example page with an iframe? Thanks, Enrico

Hi,

Thanks for using our product. Please provide us your site’s link through email. We will try our level best to solve your issue.

Regards,
szthemes
szthemes53@gmail.com

I’m having an issue with the modal video view. It’s showing a scrollbar on some browsers. Can you help with this?

Hi,

Thanks for using our product. Please tell us what to want in detail.

Regards,
szthemes
szthemes53@gmail.com

Two problems. 1. the modal video view shows a scroll bar when opened in Firefox Developer Edition version 61.0b4. 2. the image trigger for the modal video isn’t resizing in Internet Explorer ​11.0.9600.18762​. I can provide screen caps or links to where it’s happening. Whatever you need.

Is there an easy way to make this compatible with bootstrap 4

(2cf0d0ae-5dfc-41cf-a702-d0f1dfa548e6 – 4 Jul 2018 REGULAR LICENSE )

Hi,

Thanks for using our product. Unfortunately it is not compatible with bootstrap 4.

Regards,
szthemes
szthemes53@gmail.com

Hello, I’ve bought your script and it rocks! I only have a question that I can’t find in the documentation : - On the “Shopping products slider in modal”, how can I display the thumbnails under the main image?

Thank you

Hi,

Thanks for using our product. Here you can change thumbnails:



<ol class="carousel-indicators">
    <li data-target="#rbm_sldr_commerce" data-slide-to="0" class="active">
        <img src="yourImage-01" alt="yourImage-01" />
    </li>
    <li data-target="#rbm_sldr_commerce" data-slide-to="1">
      <img src="yourImage-02" alt="yourImage-02" />
    </li>
    <li data-target="#rbm_sldr_commerce" data-slide-to="2">
      <img src="yourImage-03" alt="yourImage-03" />
    </li>
</ol>


Find the above code and place your own images link in it. If you want to increase number of thumbnails then only add the following code after adding +1 into the value of data-slide-to attribute:



    <li data-target="#rbm_sldr_commerce" data-slide-to="3">
      <img src="yourImage-04" alt="yourImage-04" />
    </li>


Please do not hesitate if you have any other question about our product just provide us a live preview or link of your site where you are using this.

Regards,

szthemes
szthemes53@gmail.com

Many thanks for your answer! Was looking the file called “rbm_single_commerce” instead of “rbm_slider_commerce”... My bad! Your plugin is really cool…

How do we get the popup video to center on the screen and to pop-up without having to scroll? Site with popup: http://www.gracelandportablebuildings.com

Hi,

Thanks for using our product. In your site you are not using “Bootstrap Modal”. It is an iframe that appears on scroll. Can you please explain in detail what you want to do?

Regards,

szthemes
szthemes53@gmail.com

hello can I add double click banner if so how do add the double click tags to this

Hi,

Thank you for taking interest. No, it is not possible.

Regards,

szthemes

szthemes53@gmail.com

1. This plugin support Shortcode? 2. Is is posible to insert html??

Hi,

Thank you for taking interest. It is a not a WordPress plugin. It is a simple jquery plugin for only HTML Templates.

Regards,

szthemes

szthemes53@gmail.com

Hello,

I’m trying to figure out how to load your modal contact form from an external page instead of an on page id.

... so instead of:

contact us

... I want to load it from an external page:

Please help!

Hi,

Thanks for using our product. Please send us an email and we will guide you step by step.

Regards,

szthemes

szthemes53@gmail.com

Responsive Bootstrap Modal and Popup

Hi,

I am using bookstrap4 I guessing that this may not be compatible with my site then?

Hi,

Thank you for taking interest. No, it is not compatible with bootstrap 4.

Regards,

szthemes

szthemes53@gmail.com

Hi, is it possible to have html designed modals… I would like to place offered services in the modal, but would need to include font awesome and custom css styling…then active this from a menu item…

Hi,

Thank you for taking interest. No, it is not possible.

Regards,

szthemes

szthemes53@gmail.com
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey