YouTube videos on the main product image do not launch

Despite having inserted the links to my youtube videos for each of my products on the main image, the videos load in a vacuum and don’t launch.

Attachments:

You must be logged in to view attached files.

apparently you\’re more reactive to answer to other peopel.

Attachments:

You must be logged in to view attached files.

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

Yeah but 1 min for other people.

What and how do you want me to send?

The problem is on all products.

[Luke Nielsen]

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 2 months ago by Luke Nielsen.

access

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

It seems to work, thank you.

I have another request: when I open a product page, the main image and the 4 icons below the button are displayed in HUGE size for about a second. However, the icons have been imported at a small size.

It’s pretty ugly, do you know how to fix it?

Attachments:

You must be logged in to view attached files.

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

Ok got it, but isn’t there a way to make these icons appear normally? Because it makes the site look buggy.

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

[Author]

Posts