{"id":25416,"date":"2021-12-31T14:44:00","date_gmt":"2021-12-31T14:44:00","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=25416"},"modified":"2023-02-25T17:23:14","modified_gmt":"2023-02-25T17:23:14","slug":"how-to-set-video-for-woocommerce-product-in-gallery-slider-block","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetproductgallery\/how-to-set-video-for-woocommerce-product-in-gallery-slider-block\/","title":{"rendered":"How to Set a Video for the WooCommerce Product in the Gallery Slider Block"},"content":{"rendered":"\n
\n

JetProductGallery<\/a> is a WordPress plugin <\/em>that helps to display WooCommerce products more attractively than ever. <\/p>\n\n\n\n

Discover how to make the product display even more eye-catching with products video.<\/p>\n<\/div><\/div>\n\n\n\n

Setting a Video for Products in Gutenberg<\/h2>\n\n\n\n
\n

Proceed to the WooCommerce Products on the WordPress Dashboard and click on the \u201cEdit<\/strong>\u201d button of the product you want to supplement with a video.<\/p>\n\n\n\n

Mind to copy the product ID that appears on hover; we will need it to adjust the block.<\/p>\n\n\n\n\"woocommerce\n\n\n\n

Scroll down until you see the Jet Product Gallery Video <\/strong>section on the right part of the product editor.<\/p>\n\n\n\n

Select the Video Type<\/strong>. It can be either YouTube or Vimeo-based, or \u201cSelf Hosted,\u201d which means uploaded from the hard drive.\u00a0Set the Placeholder <\/strong>if desired, and paste the Video URL<\/strong> from the specified video service.<\/p>\n\n\n\n\"jetproductgallery\n\n\n\n

Push the \u201cUpdate<\/strong>\u201d button and navigate to the page where you want to place the gallery.<\/p>\n<\/div><\/div>\n\n\n\n

Adding a Block to the Page<\/h2>\n\n\n\n
\n

Apply any blocks available with the JetProductGallery<\/strong>; they all support video format. For instance, we adjust the Gallery Slider<\/strong><\/a> <\/strong>block on the usual Gutenberg page. <\/p>\n\n\n\n

Select \u201cWooCommerce Products\u201d as the Source<\/strong> and point out the Product ID<\/strong>. We need to specify the ID as we edit the usual page.<\/p>\n\n\n\n\"gallery\n\n\n

<\/svg><\/div>
Things to know<\/div>

Find ID in the Products list by opening the WooCommerce tab on the WordPress Dashboard and hovering on the needed product.<\/p><\/div><\/div>\n\n\n\n

Set up the following Images <\/strong>and Slider <\/strong>tabs and move to the Video <\/strong>tab.<\/p>\n\n\n\n\"gallery\n\n\n\n