Pop up message

[prepriemysel]

Hallo

i have installed contact form 7 is it posible to make it in pop up window without any additional installation, or i have to instal another plugin as easy fancy box. Thanks.

[Radu]

Hi,

Add this Js to wp-admin -> theme options -> general settings -> javascript code ->

COPY CODE

<script>
        jQuery('.open-popup-link').magnificPopup({
            items: {
                src: '#show-in-popup',
                type: 'inline',
            },
            preloader: false,
            mainClass: 'kleo-mfp-zoom',
        });
</script>

Then add the next html on your page where you want to show the link to open the pop-up with form this html

COPY CODE

<a href="#" class="open-popup-link">open</a>
<div id="show-in-popup">

<h1>Test</h1>
//here will be pasted your desired shortcode or text or any type of content

</div>

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[prepriemysel]

Thank you. Content od link will show under link. Something is not right. :-/

[Radu]

Hi,

Please replace the html code with this

COPY CODE

<a href="#" class="open-popup-link">open</a>
<div id="show-in-popup" class="mfp-hide">

<h1>Test</h1>


</div>

And also add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.kleo-mfp-zoom.mfp-ready .mfp-content #show-in-popup {
    background: white;
    padding: 20px;
    border: 1px dotted #ddd;
}

Let me know

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[prepriemysel]

This reply has been set as private.

[Radu]

Unable to login

Check to login from incognito it doens’t work

Provide also the page where you test that

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[prepriemysel]

This reply has been set as private.

[Radu]

The server authentification doens’t work

Check please

Cheers
R>

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[prepriemysel]

Or this is loggin? http://www.prepriemysel.sk/wp-login.php 😀 I dont no. Can i see screenshot? My kleo loggin works.

[Radu]

Take a look https://drive.google.com/file/d/0Bxo5b6iHWRMwU2JibEdLd19SeEE/view

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[prepriemysel]

CMS protection is deactivated can you check if it works?

[Radu]

yes but the admin credentials not wokrs

provide also the page where you have done tests please

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[prepriemysel]

Hallo,

i dont know, why is impossible to log oyu in, but i am sending to you link, with link in it called open. Could be main problem, that javascript will be not loaded first because my library is on the end of the page?

Link is undre artcile: http://www.prepriemysel.sk/uspech-ceskej-spolocnosti-continental-barum-2/

[Radu]

Can be a cause but i don’t know sure, if you have installed some optimization plugins that moves some js to footer de-activate it , the solution that i have provided to you it works on my localhost, without any performance/optimization plugin

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts