How can I open a lightbox when I click a portfolio item?

  • Resolved pikamander2

    (@pikamander2)


    6 years, 7 months ago

    I see that I can link portfolio items to a custom URL, but I’m not sure how to make them open a custom lightbox instead.

    I have WP Featherlight installed, which lets you open a custom lightbox like this:

    <a href="#" data-featherlight="#mylightbox">Open element in lightbox</a>
<div id="mylightbox">This div will be opened in a lightbox</div>

    But how would I get that or a similar plugin to work with Visual Portfolio items?

    • This topic was modified 6 years, 7 months ago by pikamander2.
Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello pikamander2,

    Visual Portfolio comes with a popup / lightbox option, so you don’t actually need a third party plugin.

    To activate the Popup option, just go to the Portfolio Layout settings, find the Items Click Action panel and choose Popup Gallery from the dropdown menu.

    Hope this helps!
    Camilla

    Plugin Author Nikita

    (@nko)

    Hi @pikamander2.

    How to enable images popup you can see in Camilla’s answer.

    Popup with custom content (as in your code example) is not supported.

    Regards, nK.

    Thread Starter pikamander2

    (@pikamander2)

    @nko – All I really need is to be able to put a custom anchor tag link around each portfolio.

    But when I try this:

    <a href="https://example.com">[visual_portfolio id="2291"]</a>

    It appears to output the visual portfolio completely outside of the anchor tag.

    Any idea how I would fix that?

    • This reply was modified 6 years, 7 months ago by pikamander2.

    I’m actually having the same issue as @pikamander2.
    Any attempt to add a custom anchor tag link is popping up outside the tag itself… I tried a few workarounds but keep hitting the same problem.

    Plugin Author Nikita

    (@nko)

    @pikamander2 have you disabled all features of Visual Portfolio, that prints A tags inside portfolio? As I know, you can’t put A tag inside another A tag.

    So, you need to disable Click Action, Filter, and Pagination.

    Thread Starter pikamander2

    (@pikamander2)

    @nko – Thanks, that fixed it.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How can I open a lightbox when I click a portfolio item?’ is closed to new replies.