Video Button within the thumbnails ul

[Ron Frigon]

I'm trying to get a button for a modal working from within the image thumbnail list. I have the button in there just fine, but the modal trigger is getting blocked somehow by image machine I'm guessing?

https://gastrodefense.com/product/pro-infant-colostrum-ld-powder-50g.html

Button outside the thumbnail list works. The one within the list does not.

I've tried using the force but apparently I have too many distractions...

[Matt Zimmermann]

Hi Ron,

It doesn't look like that product is reachable to the outside world. However, it is possible that image machine is causing your issue as it will dynamically add content so you will need to reinitialize the button function every time image machine runs.

[Ron Frigon]

Sorry, forgot that an account is required on that site... Here's a different domain: https://www.sovereignlaboratories.co...-infant50.html

I've tried everything I know how... How would I "reinitialize the button function every time image machine runs".

vid = document.createElement('button');
vid.classList.add('c-button', 'u-bg-teal', 'u-color-white', 'u-icon-vimeo', 'u-font-huge', 'u-text-bold', 'u-text-uppercase');
vid.setAttribute('data-dialog-trigger', 'video_modal');
vid.setAttribute('role', 'button');
document.getElementById('thumbnails').appendChild( vid);

The button it creates

<button class="c-button u-bg-teal u-color-white u-icon-vimeo u-font-huge u-text-bold u-text-uppercase" data-dialog-trigger="video_modal" role="button"></button>

[Matt Zimmermann]

Hi Ron,

You should be able to add the reload dialog function to image machine, however I have not tied this.

window.reloadDialog();