Advanced Custom Fields gallery: how to make it work?

  • Resolved fpwordpress

    (@flaviowordpress)


    1 year, 2 months ago

    Hello Johannes, thank you for your plugin and support.

    I have the same problem another user has explained in a previous post, which has received no answer. He asked how to link the lightbox to a plain HTML structure, replicating the Gutenberg gallery block markup:

    <figure class="wp-block-gallery">
  <figure class="wp-block-image">
    <a href="">
      <img src="" />
    </a>
  </figure>
</figure>

    Actually, I have read all posts in this support section but apparently I have found no answer.

    Could you kindly look into it? Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Johannes Kinast

    (@goaroundagain)

    Hi @flaviowordpress,

    Then you have to load the JavaScript and CSS files with…

    wp_enqueue_script( 'baguettebox' );
wp_enqueue_style( 'baguettebox-css' );

    on these pages yourself.

    Thread Starter fpwordpress

    (@flaviowordpress)

    Thank you for your reply. As a test, I have hard-coded two links in the <head> section (file header.php) to the following files:

    /plugins/gallery-block-lightbox/dist/baguetteBox.min.js
    /plugins/gallery-block-lightbox/dist/baguetteBox.min.css

    Was this correct? If so, nothing has changed, and no lightbox appears.

    Thank you.

    Thread Starter fpwordpress

    (@flaviowordpress)

    I have just noticed in the browser console the following javascript error when clicking on the thumbnail:

    “TypeError: event.target.parentElement is null”

    Plugin Author Johannes Kinast

    (@goaroundagain)

    Please provide a link where I can check the issue.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Advanced Custom Fields gallery: how to make it work?’ is closed to new replies.

Tags