This topic has 13 replies, 2 voices, and was last updated 8 years by Radu.

  • Author
  • #130083
     prepriemysel
    Participant

    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.

    #130116
     Radu
    Moderator

    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
    #130163
     prepriemysel
    Participant

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

    #130245
     Radu
    Moderator

    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
    #130250
     prepriemysel
    Participant
    This reply has been set as private.
    #130266
     Radu
    Moderator

    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
    #130274
     prepriemysel
    Participant
    This reply has been set as private.
    #130280
     Radu
    Moderator

    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
    #130281
     prepriemysel
    Participant

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

    #130282
     Radu
    Moderator

    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
    #130286
     prepriemysel
    Participant

    CMS protection is deactivated can you check if it works?

    #130288
     Radu
    Moderator

    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
    #131325
     prepriemysel
    Participant

    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/

    #131358
     Radu
    Moderator

    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
Viewing 14 posts - 1 through 14 (of 14 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?