Bug report on Masonry Gallery Element

Hey goldengate415,

Thank you for the inquiry.

We are not able to reproduce the issue on our end. Whenever the load more button is clicked, the new set of images is added to the lightbox group correctly. Please create a test page and provide the URL in the private field so we can check it further.

Best regards,
Ismael

Hi,

Thank you for the clarification.

Unfortunately, that is not possible without modifications to the theme. By default, you would need to display all 50 images on the same page and disable pagination or the “load more” button. If you’re interested in implementing the modification yourself, you can refer to the documentation below.

— https://dimsemenov.com/plugins/magnific-popup/documentation.html#initializing-popup

You’ll need to create a button or use the masonry items as trigger and specify the images manually in the items array.

$('#some-button').magnificPopup({
    items: [
      {
        src: 'path-to-image-1.jpg'
      },
      {
        src: 'http://vimeo.com/123123',
        type: 'iframe' // this overrides default type
      },
      {
        src: $('
<div>Dynamically created element</div>
'), // Dynamically created element
        type: 'inline'
      },
      {
        src: '
<div>HTML string</div>
',
        type: 'inline'
      },
      {
        src: '#my-popup', // CSS selector of an element on page that should be used as a popup
        type: 'inline'
      }
    ],
    gallery: {
      enabled: true
    },
    type: 'image' // this is default type
});

Best regards,
Ismael