{"id":28,"date":"2026-09-08T05:19:50","date_gmt":"2026-09-08T05:19:50","guid":{"rendered":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/?post_type=docs&p=28"},"modified":"2026-09-08T05:19:52","modified_gmt":"2026-09-08T05:19:52","password":"","slug":"configuring-variation-videos","status":"publish","type":"docs","link":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/docs\/configuring-variation-videos\/","title":{"rendered":"Configuring Variation Videos"},"content":{"rendered":"

WooCommerce Product Video Gallery<\/b> allows you to assign specific videos or video galleries to individual product variations. When a customer selects a variation (e.g., Color or Size) on the frontend, the gallery dynamically updates to showcase the video tailored to that specific option.<\/p>\n

Step-by-Step: Adding Videos to Product Variations<\/h2>\n
    \n
  1. \n

    Go to WordPress Dashboard \u2192 Products \u2192 All Products<\/b> and edit a Variable Product<\/b>.<\/p>\n<\/li>\n

  2. \n

    Scroll down to the Product Data<\/b> box and select the Variations<\/b> tab on the left.<\/p>\n<\/li>\n

  3. \n

    Click to expand the specific variation item you want to edit (e.g., #29 Green<\/code>).<\/p>\n<\/li>\n<\/ol>\n

    \"variable<\/p>\n

    1. Setting a Variation Featured Video<\/h2>\n

    To replace or pair the main variation image with a video:<\/p>\n

      \n
    • \n

      Locate the Variation Featured Video<\/b> section under your variation fields.<\/p>\n<\/li>\n

    • \n

      Click the blue Video<\/b> button.<\/p>\n<\/li>\n

    • \n

      In the modal pop-up, configure your video settings:<\/p>\n

        \n
      • \n

        Video Source:<\/b> Choose YouTube<\/b>, Vimeo<\/b>, or Self-Hosted MP4<\/b>.<\/p>\n<\/li>\n

      • \n

        Video URL \/ File:<\/b> Paste the video link or select an MP4 file from your Media Library.<\/p>\n<\/li>\n

      • \n

        Custom Poster:<\/b> Set a custom cover thumbnail (if left blank, the main variation image will be used).<\/p>\n<\/li>\n<\/ul>\n<\/li>\n

      • \n

        Click Save \/ Close<\/b>.<\/p>\n<\/li>\n<\/ul>\n

        2. Adding Videos to Variation Gallery Images<\/h2>\n

        You can also attach videos to individual thumbnail images within a variation gallery:<\/p>\n

          \n
        1. \n

          Scroll to the Variation Image Gallery<\/b> section within the variation panel.<\/p>\n<\/li>\n

        2. \n

          Hover over any uploaded gallery thumbnail (or click Add Images<\/b> to upload new ones).<\/p>\n<\/li>\n

        3. \n

          Click the small Video<\/b> button that appears on the image overlay.<\/p>\n<\/li>\n

        4. \n

          Enter the Video Source<\/b> and Video URL\/File<\/b> in the modal.<\/p>\n<\/li>\n

        5. \n

          Click Save Changes<\/b>.<\/p>\n<\/li>\n<\/ol>\n

          How It Works on the Frontend<\/h2>\n
            \n
          • \n

            When a shopper selects a variation on the product page (for example, switching from “Red” to “Green”), the main gallery slider immediately reloads.<\/p>\n<\/li>\n

          • \n

            The variation\u2019s featured video or video gallery thumbnails will appear seamlessly with play icons\/badges without reloading the entire page.<\/p>\n<\/li>\n<\/ul>\n

            \"variable<\/p>\n

            \"variation<\/p>\n

             <\/p>\n

             <\/p>\n","protected":false},"excerpt":{"rendered":"

            WooCommerce Product Video Gallery allows you to assign specific videos or video galleries to individual product variations. When a customer […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_category":[17],"doc_tag":[],"class_list":["post-28","docs","type-docs","status-publish","hentry","doc_category-woocommerce-video-plugin"],"year_month":"2026-09","word_count":295,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"sharabindubakshi","author_nicename":"sharabindubakshi","author_url":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/author\/sharabindubakshi\/"},"doc_category_info":[{"term_name":"WooCommerce Video Plugin","term_url":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/docs-category\/woocommerce-video-plugin\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/docs\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":1,"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/docs\/28\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/docs\/28\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/media?parent=28"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/doc_category?post=28"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/woodevkit.com\/product-video-gallery-for-woocommerce\/wp-json\/wp\/v2\/doc_tag?post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}