How to make a modal window on the Wordpress layout?

There is a stretched layout on WordPress. I want to make a couple of modal Windows for the buttons on the layout. Is there a possibility to implement this using WP or need a clean CSS/JS?
April 19th 20 at 12:08
2 answers
April 19th 20 at 12:10
WP has jquery
April 19th 20 at 12:12
it is through WP or need a clean CSS/JS?

what do you mean by sales through WP?
If you need plugins, here:
Popup Maker Easy Modal

If the topic is on buttrape, then there's not much to tell.
You can also connect any jQuery library for modular etc.
Plugins I know which is to implement popup Windows. I do not understand how to call them in your layout. I have a ready popup window in a plugin, but how to fasten it to the button on the layout I did not undestanding) - harrison_Herzog99 commented on April 19th 20 at 12:15
And my layout is a theme for WP as I pulled her to implement the admin area. Bootstrap is not used - harrison_Herzog99 commented on April 19th 20 at 12:18
@harrison_Herzog99,
I have a ready popup window in a plugin, but how to fasten it to the button on the layout I did not undestanding)

If you are using a plugin for popup Windows, then depends on the plugin.
For example, popup maker it is possible to create a class or id (trigger), which will call window.
Accordingly, just add this class to the desired button. For example,
<button type="button" class="trigger">Show modal</button>


But if you implement yourself without the plugin, then there is a regular jquery

$("button").click(
$("#modal").toggle();
);
- shyann_Douglas23 commented on April 19th 20 at 12:21
@shyann_Douglas23, for some reason not triggered the opening(
Here is the html:
5e975651aaf6d791534144.png
Here is a screen on:
5e975660f1fc8653884417.png
Here is the popup:
5e97567370b06619982617.png - harrison_Herzog99 commented on April 19th 20 at 12:24
@harrison_Herzog99,
1) in the browser console view have you added a trigger on the button
2) watch for any js errors in the console (any) and if there are, eliminate - shyann_Douglas23 commented on April 19th 20 at 12:27
@shyann_Douglas23, the console is absolutely empty - harrison_Herzog99 commented on April 19th 20 at 12:30
@shyann_Douglas23, there is one assumption... In the settings popup maker specify the pages on which opens a popup window, and I have pages at all, only the layout, which is a topic - harrison_Herzog99 commented on April 19th 20 at 12:33
and I have pages at all, only the layout, which is a topic


this moment is incomprehensible... I mean you don't have pages?
and what a layout that represents the layout? you have a theme or not? what templates themes there - shyann_Douglas23 commented on April 19th 20 at 12:36
@shyann_Douglas23, layout set as the topic, I have odnostranichnik, therefore, to create the page I did not have - harrison_Herzog99 commented on April 19th 20 at 12:39
@harrison_Herzog99, open the browser console and inspect the button to see if there's a trigger on it. Can trigger and not added on. Maybe the error occurs in a cascade due to other js errors - shyann_Douglas23 commented on April 19th 20 at 12:42

Find more questions by tags WordPressHTMLJavaScriptCSS