3D FlipBook - Integration w/ Master Slider

p***e@radioabl.ca
2023-12-14
2023-12-22

Hey, just purchased a number of licenses and am pulling in the 3D FlipBook posts into a Master Slider https://www.masterslider.com/. It looks great but how can I make it so that the lightbox opens on the existing page that I have my Master Slider shortcode enabled on? Instead, it redirects to the 3D FlipBook post url then opens in lightbox.

I use another license on another site but it's implemented via the shortcode method. What are my options if I'm not using the shortcodes?

Thank you!

Replies

a***r@3dflipbook.net
2023-12-15
2023-12-15

Hi, could you write a link to any page where you use the plugin?

p***e@radioabl.ca
2023-12-15
2023-12-15

https://oscoconstructiongroup.com/culture/ <- scroll down to bottom right before footer. It's the Connections pdfs. Thanks!

a***r@3dflipbook.net
2023-12-19
2023-12-19

you need to wrap your clickable html with shortcode:

[3d-flip-book mode="link-lightbox" id="1"]Book #1[/3d-flip-book]

where 'Book #1' is your html (images, buttons and so on)

a***r@3dflipbook.net
2023-12-19
2023-12-19

does master slider allow to use shortcodes?

p***e@radioabl.ca
2023-12-19
2023-12-19

Yes and no. Looks like I can add a class or pull in content (which I'm going to play with a little more). I might have to revisit how I'm achieving this. I might not be able to pull in the custom post type (which I figured would be too easy). I might have to manually embed the shortcodes individually in my slider. :(

Was hoping there might be a function or something. Hmm

a***r@3dflipbook.net
2023-12-19
2023-12-19

Ok, another way - just a custom JavaScript function that will launch an appropriate book when you click in the slider.

p***e@radioabl.ca
2023-12-20
2023-12-20

I've tried another slider plugin and same thing. I did find a workaround but it's less than ideal. It would be great if there was a way to pull in your custom post type to another plugin and somehow prevent "the click" from directing to the 3d flipbook post before opening up the lightbox. The lightbox should open on the same page where the slider was implemented.

a***r@3dflipbook.net
2023-12-22
2023-12-22

insert this code after the slider shortcode:

[3d-flip-book mode="link-lightbox" style="display:none;" tax=""][/3d-flip-book]
<script>
jQuery(function() {
    jQuery('.ms-slide').click(function(e) {
        if(e.target.href) {
            var post = Object.values(FB3D_CLIENT_LOCALE.jsData.posts).filter(function(v) {
                return v.post_name===e.target.href.split('/')[4];
            })[0];
            if(post){
                e.preventDefault();
                jQuery('a._3d-flip-book[data-id='+post.ID+']').trigger('click');
            }
        }
    });
});
</script>
Log In to leave a comment