Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1023043

    Greetings Team,

    Have been able to place a title under each photo in this gallery:
    http://ilanwittenberg.com/tunnel-beach-dunedin/
    Using this code:

    /*Centred caption for Tunne Beach portfoilio item without counter */
    .mfp-title,.mfp-counter {
    display: none;
    }
    #top.postid-10774 .mfp-title {
    display: block !important; 
    color: #000 !important;
        text-align: center !important; 
    }

    Can I implement a dedicated pop-up inquiry form under each photo similar to the example below that includes the Title of the image?

    Thanks,
    ofekw

    #1023546

    Hey ofekw,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Victoria

    #1023644

    Hi Victoria,

    Thanks for your reply.
    Can your team please help me identify the Title variable so I can send it to the popup contact form?

    Thanks,
    ofekw

    #1024558

    Hi ofekw,

    In which code do you want to find the variable?

    Best regards,
    Victoria

    #1024584

    Hi Victoria,

    I’m looking to show a one-line footer under each photo in specific Portfolio Galleries. The footer will show the image Title and include a link to a pop-up form. The form will display the image Title and will send it to PayPal when user clicks on Buy Now. Will need to customise Contact Form 7 to find a suitable hook. This will probably be implemented in php as a popup message is already implemented using Lightbox in functions.php using the following code:

    /*wp_enqueue_script( 'avia-popup',  $template_url.'/wp-content/themes/enfold-child/js/jquery.magnific-popup.js', array('jquery'), 2, true);*/
    
    wp_register_script( 'custom-js', $template_url.'/wp-content/themes/enfold-child/js/custom-js.js', 'jquery', "1", true);
    
    wp_enqueue_script( 'custom-js' );
    
    function gallery_more_info(){
    ?>
    <script>
    jQuery(window).load(function(){
      jQuery('.gallery-more-info-link').magnificPopup({
        type:'inline',
        midClick: true
      });
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'gallery_more_info');

    Am looking to find the image Title and send it to the form.
    Thanks for your support,
    ofekw

    #1025769

    Hi,

    I don’t think that’s possible with the magnific popup. You can’t open a nested lightbox inside the current one. There’s nothing like that in the script documentation.

    // http://dimsemenov.com/plugins/magnific-popup/documentation.html#inline-type

    Best regards,
    Ismael

    #1025784

    Hi Ismael,

    Thanks for following up. Perhaps you can help with one or more of these hurdles:
    a. Displaying a footer under a full screen image (Replacing the image title as showing here: http://ilanwittenberg.com/tunnel-beach-dunedin/)
    b. Inserting the image Title into that footer
    c. Sending the image Title to a contact form (Contact Form 7, Wpform or Ninja Form)

    I currently successfully open a popup screen using functions.php . It opens when clicking on Read More… at the top of the grid:

    function gallery_more_info(){
    ?>
    <script>
    jQuery(window).load(function(){
    jQuery('.gallery-more-info-link').magnificPopup({
    type:'inline',
    midClick: true
    });
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'gallery_more_info');

    Thanks,
    ofekw

    #1025908

    Hi,

    You can modify the image’s title in the Media > Library panel. You can also add html tags inside that title field.

    Example:

    <a href="URL HERE">Image Title</a>
    

    This markup will display in the lightbox footer.

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.