Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 8, 2016 at 7:47 pm #595141
    hector1069

    I would like that when I make click on a photo, appears on the screen a lightbox or similar with a text+photo.
    Something, similar to this page (where photos of people are), but instead of open a new page, open a light box with text+photo.

    Expresión Entrenamiento Integral

    Is there a way to do it? Any idea?

    Thanks.

    March 8, 2016 at 11:05 pm #595229
    Andy

    Hi hector1069!

    check out this link: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto

    Regards,
    Andy

    March 9, 2016 at 2:29 pm #595569
    hector1069

    Hi Andy,

    That is the idea that I want to improve (Inline content). But I have a small problem. I do not know where I have to added the code. I have tried adding a code in the first imagen (as a trial), but I think I have to added some code in the begining of the page, but I do not where, or I have to install something else…

    Could you help me?

    March 9, 2016 at 4:56 pm #595674
    Yigit

    Hey!

    Please add following code to Functions.php file in Appearance > Editor

    function add_custom_hotspot(){
?>
<script>
jQuery('.open-popup-link').magnificPopup({
  type:'inline',
  midClick: true
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_hotspot');

    and then add your image as following
    <a href="#test-popup" class="open-popup-link"><img src="http://kriesi.at/wp-content/themes/kriesi/images/logo.png"></a><div id="test-popup" class="white-popup mfp-hide">Popup content</div>

    Regards,
    Yigit

    March 9, 2016 at 6:45 pm #595741
    hector1069

    I have added the code as you told (in function.php, although I have put it at the beginning, because I could not find a place where you told (Appaeareance)… but it should work, anyway.

    And later I have add my image. So the image appears, but nothing happen with the pop up…

    Could you help me?
    Thanks.
    Almudena.

    March 9, 2016 at 6:47 pm #595745
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

    Cheers!
    Yigit

    March 9, 2016 at 8:04 pm #595801
    hector1069

    It is not working, when I do click on the imagen the screen go a bit up, but it does no appears a lightbox…

    March 9, 2016 at 11:25 pm #595916
    Yigit

    Hey!

    Can you please try de-activating all active plugins and check if that helps? If not, please try re-updating the theme – http://kriesi.at/documentation/enfold/updating-your-theme-files/
    There seems to be an issue with js files at the moment

    Cheers!
    Yigit

    March 10, 2016 at 11:59 am #596237
    hector1069

    I have done all what you told me, but it still is not working.

    March 10, 2016 at 12:39 pm #596251
    Vinay

    Hey!

    As i understand when a user click on the picture the information should open in a lightbox correct?

    Please add ” ?iframe=true ” to the end of the URL in the image edit options.

    When you create a page select no header and footer from the right sidebar option in the page backend options.

    It will look something like the screenshot

    Cheers!
    Vinay Kashyap

    March 10, 2016 at 2:29 pm #596300
    hector1069

    That is!! Thank you very much!!

    Good day!!

    March 11, 2016 at 7:41 am #596729
    Vinay

    Hey!

    Glad we could help! We have put together some info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

    Regards,
    Vinay Kashyap

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Lightbox o similar’ is closed to new replies.