Help Docs Software Kadence Kadence Shop Kit Product Galleries

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.

Getting Started

If you don’t already have Shop Kit installed on your site, you can follow these steps 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

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
Thumbnails Below Image
Gallery - Thumbnails To The Left of Image
Thumbnails To The Left of Image
Gallery - Thumbnails To The Right of Image
Thumbnails To The Right of Image
Gallery - No Thumbnails, Images in a List
No Thumbnails, Images in a List
Gallery - Images in a Two-Column Grid
Images in a Two-Column Grid
Gallery - Images in a Tile Layout
Images in a Tile Layout
Gallery - Images in a Slider Layout, no Thumbnails
Images in a Slider Layout, no Thumbnails

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

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
Shop Kit Gallery Settings

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 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

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

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.

Was this article helpful?