YouTube videos on the main product image do not launch

Hello,

Sorry for the inconvenience. Usually, it takes a few hours to answer during working time (up to 24 hours) and 12-48 hours on weekends and holidays.

Please send me access to the admin panel and the URL link to that product with the video issue.

Looking forward to collaborating with you!

Kind Regards

Hello,

Send access via the private area – https://take.ms/V9bOS0 (that is below the message area). If you do not know your access, try to install a plugin related to “temporary access” to the admin panel and send me a temporary link to the account via the private area.

https://www.wpbeginner.com/plugins/how-to-create-temporary-login-for-wordpress-no-passwords/

Thank you for your time.

Kind Regards

• This reply was modified 3 weeks, 6 days ago by Luke Nielsen.

Hello,

Add the code below in Theme Settings -> Custom JS -> On document ready:

if ( document.querySelector('.woocommerce-product-gallery .wd-carousel-item.wd-with-video') ) {
		const tag = document.createElement( 'script' );
		tag.src = '//www.youtube.com/iframe_api';

		const firstScriptTag = document.getElementsByTagName( 'script' )[0];
		firstScriptTag.parentNode.insertBefore( tag, firstScriptTag );
}

Then clear the cache and check how it works.

Result: https://take.ms/wGKEI

Kind Regards

Hello,

First, I replicated that issue – https://take.ms/s7fblI then checked which element you use to show those icons and it’s the “Icon List” element – https://take.ms/ibrq9 which is related to Elementor itself and the reason why they are bigger at the beginning is that the Elementor connects its styles at the bottom of the page – https://take.ms/LJM09 so after fully loaded the page you see them normal because that CSS has been loaded at the end.

Kind Regards

Hello,

We can’t customize it as this element is from Elementor. Just use our “Information box” element instead. For example, set the type as icon – https://take.ms/GF535, in the content area level only the “Content” field – https://take.ms/UDwdt, adjust alignment here – https://take.ms/035vL and the spacing between icon and text here – https://take.ms/G1ztB and the result will be similar.

Kind Regards