Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1329594
    Andreas Bjerve
    Participant

    Hi,

    I´d like to trigger this lightbox pop-up link upon clicking a feature box on my front-page (a href=”#” class=”manual-optin-trigger” data-optin-slug=”ni97uq7xmgwcvsf5″>Click Me!</a).

    I have four different feature boxes to trigger four different pop-up links.

    How to proceed?

    Thanks!

    #1329595
    Andreas Bjerve
    Participant
    This reply has been marked as private.
    #1329682
    Christopher
    Moderator

    Hi there,

    Add link and custom class to feature boxes. Add a raw content element and insert following code :

    [lightbox selector=".custom-class-name a"]

    Hope it helps.

    #1330791
    Andreas Bjerve
    Participant

    Thanks, sound easy, but could you elaborate a bit?

    As I understood, I add the popup button-link to the feature box and give it a unique class name, e.g. “box-1″. Then I add a raw element with [lightbox selector=”.box-1″]?

    #1330818
    Christian
    Moderator

    Sorry for the confusion. The featured image graphic does not have a link option and it would require custom development to do so. Please replicate the featured box setup using an Image and Text element. See https://community.theme.co/kb/shortcode-walkthrough-lightbox/ to learn about the lightbox setup.

    Thanks.

    #1330928
    Andreas Bjerve
    Participant

    Right, thanks. Could you please post me an example of a text element with an image and this popup-link – which is also circular?

    a href=”#” class=”manual-optin-trigger” data-optin-slug=”ni97uq7xmgwcvsf5″>Click Me!</a

    #1331013
    Rupok
    Member

    Hi there,

    Kindly check the example for the section “Buttons and Lightboxes” and hopefully it will help. You can add any button class to the button shortcode.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1329594 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>