--- title: "Product Galleries" source: "https://docs.nexcess.com/software/kadence/product-galleries/" description: "Kadence Shop Kit allows you to customize how product galleries appear on your WooCommerce products. You can replace the default product gallery with a slider la…" vertical: "Software" area: "Kadence" date: "2018-06-07" last_modified: "2026-07-02" --- # Product Galleries Kadence Shop Kit allows you to customize how product galleries appear on your WooCommerce products. You can replace the default product gallery with a slider layout and include videos alongside your product images for a richer shopping experience. Table of Contents - [Variation Gallery Support](#variation-gallery-support) Getting Started If you don’t already have Shop Kit installed on your site, you can[ follow these steps](https://docs.nexcess.com/software/kadence/install-activate-kadence-shop-kit/) to get started. - From your WordPress dashboard, click **Shop Kit**. - Open the **Product Gallery** tab. Enable the **Product Slider Gallery** option. ![Kadence Shop Kit - Enable Product Slider Gallery](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-08-07-at-3.49.02-PM.png) Choosing a Gallery Type Kadence Shop Kit allows you to control how your product galleries are displayed, including the layout of images and the placement of product thumbnails. ![Gallery - Thumbnails Below Image](https://docs.nexcess.com/wp-content/uploads/2026/06/thumb-below-img-847x1024-1.png)Thumbnails Below Image ![Gallery - Thumbnails To The Left of Image](https://docs.nexcess.com/wp-content/uploads/2026/06/thumb-beside-img-right-1024x955-1.png)Thumbnails To The Left of Image ![Gallery - Thumbnails To The Right of Image](https://docs.nexcess.com/wp-content/uploads/2026/06/thumb-beside-slider-left-1024x957-1.png)Thumbnails To The Right of Image ![Gallery - No Thumbnails, Images in a List](https://docs.nexcess.com/wp-content/uploads/2026/06/no-thumb-list-713x1024-1.png)No Thumbnails, Images in a List ![Gallery - Images in a Two-Column Grid](https://docs.nexcess.com/wp-content/uploads/2026/06/2column-grid-689x1024-1.png)Images in a Two-Column Grid ![Gallery - Images in a Tile Layout](https://docs.nexcess.com/wp-content/uploads/2026/06/tile-681x1024-1.png)Images in a Tile Layout ![Gallery - Images in a Slider Layout, no Thumbnails](https://docs.nexcess.com/wp-content/uploads/2026/06/slider-no-thumb-888x1024-1.png)Images in a Slider Layout, no Thumbnails Gallery Settings Next, you can choose to enable or disable custom size for gallery images. Enabling this feature will allow you to set a custom product image width and ratio for your product gallery images. ![Shop Kit Gallery Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/customizesizes.gif) **Slider Transition** – Choose between *Slide* or *Fade* **Slider Transition Speed** – Adjust the speed between slides **Slider Auto Play** – Enable or disable automatic sliding **Slider Pause Time** – Set how long each slide is displayed ![Shop Kit Gallery Slider Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-08-07-at-4.11.55-PM.png) ![Shop Kit Gallery Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-08-07-at-4.47.41-PM.png) **Enable Product Image Hover Zoom** – Allows image magnification to appear either on top of the image or beside it **Show slide arrows on product image** – Enable navigation arrows on the product image slider **Thumbnail Hover Selection** – Enable or disable thumbnail hover behavior (applies only to galleries with thumbnails) **Enable Lightbox** – Required to display videos in the product gallery **Lightbox Style** – Choose between *Light* or *Dark* **Show Image Captions** – Display image captions as overlays **Enable Meta Area for Shortcode Override** – Adds a metabox to each product, allowing you to replace the gallery with a shortcode or custom HTML Adding Videos to Your Gallery Kadence Shop Kit allows you to include YouTube or Vimeo videos directly in your product gallery. To use this feature, the [Lightbox theme setting](https://docs.nexcess.com/software/kadence/theme/lightbox-feature-for-image-links/) must be enabled. No additional settings are required. - Edit a product. - Click Add Product Gallery Images. - Select an image to use as a placeholder for the video (required). - Scroll down to the Product Video URL (YouTube, Vimeo) field. - Paste your video URL. - Click Add to Gallery. ![Shop Gallery - select image and add video](https://docs.nexcess.com/wp-content/uploads/2026/06/Zight-Recording-2025-08-07-at-04.27.14-PM.gif) View Your Product Videos To view a product video on the front end of your site, navigate to the product page. Click the video thumbnail, then click the main image. The lightbox will open and automatically play the video. ![Shop Kit video lightbox demo](https://docs.nexcess.com/wp-content/uploads/2026/06/Zight-Recording-2025-08-07-at-04.40.38-PM.gif)## Variation Gallery Support The Shop Kit Product Gallery feature is required to support **Variation** **Galleries**. When enabled, Variation Galleries allow you to assign multiple images to each product variation. As customers select different variations, the product gallery dynamically updates to show only the images associated with the selected variation. **Dependency Notice** Variation Galleries depend on the Product Gallery feature. If the Product Gallery is disabled: - Variation Galleries will not display on the front end - Variation images will not replace the main product gallery - The gallery will remain static, even when variations are selected To use Variation Galleries, ensure the Product Gallery feature is enabled in **Shop Kit → Product Gallery**.