‘in-page’ video playing modal window from within Banner Carousel element
-
Hello,
My client would like to open an ‘in-page’ video playing modal window from within Elementor “Banner Carousel” element provided in the theme.
At the moment we are using the Button field to open a new browser tab to a vimeo video, as seen in the carousels here…
https://staging.spasolution.co.uk/product/vortex-cobalt-hydroplus/
But the client prefers an ‘in-page’ video, which would be optimal from a user experience point of view.
Can you help?
Thanks
Craig
Hello,
You can change the Banner carousel to a Nested carousel element which will imitate the banner – https://monosnap.com/file/mVOWwE4f74rZOkz6s0uuLwkM7mH5Cj and use the Video element with Action button – Button – https://monosnap.com/file/XhukTfHPRIjjxGEAVFqdxhjbMuJTn7
Kind Regards
Thanks Luke,
This could work. 2 questions though;
1. How do you edit Nested carousel slides 2, 3, 4 … etc. ? I can only see the first one on the page. I must be missing something very obvious here?
2. can you point me in the direction of some guidance regarding opening the video player element from a button action please.
Thanks again
Sorry. ignore my second question.
Hello,
I sent it to the developer’s team. As soon as I receive an answer, I will let you know.
Thank you for your time and patience.
Kind Regards
Hello,
This custom code will help navigate the Nested carousel in the Elementor editor, the issue will be resolved in the next update. Put the custom code in the child theme -> function.php
if ( ! function_exists( 'xts_remove_elementor_swiper' ) ) {
function xts_remove_elementor_swiper() {
if ( function_exists('xts_elementor_is_edit_mode') && ( xts_elementor_is_edit_mode() || xts_elementor_is_preview_mode() ) ) {
foreach ( [ 'swiper', 'e-swiper', 'elementor-swiper' ] as $name ) {
wp_dequeue_script( $name );
wp_deregister_script( $name );
wp_dequeue_style( $name );
wp_deregister_style( $name );
}
}
}
add_action( 'wp_enqueue_scripts', 'xts_remove_elementor_swiper', 999 );
}
Kind Regards
Great. Thanks Luke. We’re not using a child theme atm. I believe we should. Is there a process link/page you can refer me to? So that we can get that setup.
Hello,
Check our article on how to install it – https://xtemos.com/docs-topic/child-theme-space/
Thank you for your time.
Kind Regards
.
