Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • SupportExpand
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Account
Get Kadence
Kadence Shop Kit
  • Features
  • Pricing
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Shop Kit

Shop Kit Setup

  • Kadence Shop Kit – Product Badges
  • Kadence Shop Kit: Variation Swatches
  • Kadence Shop Kit: Product Galleries
  • Kadence Shop Kit – Advanced Reviews
  • Kadence Shop Kit – Product Brand Configuration
  • Kadence Shop Kit – Open Affiliate/External Products In A New Tab
  • Enable Custom Add to Cart Text
  • How to Set Variation Options
  • Shop Kit 2.0 – Building a Product Template
  • Kadence Shop Kit: Size Charts
  • Enable and Add Global Tabs
  • Snackbar Style Notices
  • Kadence Shop Kit Conditional Cart Banners
  • Checkout Coupon Modal
  • Kadence Shop Kit – Customize Checkout
  • Extra Category Description
  • How to Install & Activate Kadence Shop Kit
  • How to Add Gutenberg Editor to WooCommerce

Woo Template Blocks

  • Woo Template Block – Product: Upsell
  • Woo Template Block – Product: Custom Actions
  • Woo Template Block – Product: Add to Cart
  • Woo Template Block – Product: Title
  • Woo Template Block – Product: Price
  • Woo Template Block – Product: Gallery
  • Woo Template Block – Product: Image
  • Woo Template Block – Product: Short Description
  • Woo Template Block – Product: Description
  • Woo Template Block – Product: Meta
  • Woo Template Block – Product: Tabs
  • Woo Template Block – Product: Rating
  • Woo Template Block – Product: Related
  • Woo Template Block – Product: Upsell
  • Woo Template Block Product: Additional Information
  • Woo Template Block – Product: Reviews Block
  • Woo Template Block – Breadcrumbs
  • Woo Template Block – Product: Notice
  • Woo Template Block – Product: Brand
  • Woo Template Block – Archive: Main Query
  • How to Enable Woo Template Blocks
  • Select a Product for Preview in Woo Template

Kadence Shop Kit

  • Woo Template Block – Product: Custom Actions
  • Home
  • Knowledge Base
  • Kadence Shop Kit
  • Kadence Shop Kit
  • Shop Kit Setup

Kadence Shop Kit: Product Galleries

Kadence WooCommerce Shop Kit (formerly Woo Extras) features the ability to customize how your galleries appear for your products.  It also enables you to replace the product gallery with a slider.


Getting Started

If you don’t already have Shop Kit installed on your site you can follow these steps to get started.

From you WP Dashboard open the Shop Kit tab. Next, open the Product Gallery tab and enable the product slider gallery.


Choosing a Gallery Type

Kadence Shop Kit Galleries allows you to set how your product image is displayed and where your product gallery thumbnails are placed.

Thumbnails Below Image
Thumbnails Beside Slider on the Right
Thumbnails Beside Slider on the Left
No Thumbnails, Images in a List
Images in a Two-Column Grid
Images in a Tile Layout
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.

You can then adjust the slider transition speed along with the slider pause time.

Next, you can enable or disable the product image hover zoom. Enabling this feature will then give you the option to show the image magnification on top of the image or beside it.

You can then enable or disable the thumbnail hover selection (this only applies if you’re using a gallery with thumbnails).

Enable or disable the lightbox.

Choose to show or hide the image caption as an overlay on images.

Lastly, enable or disable the meta area for shortcode override. Enabling this feature will add a metabox area in each product that you can use to override the gallery with a shortcode or html content.

Kadence Shop Kit: Variation SwatchesKadence Shop Kit – Advanced Reviews
  • Pricing
  • Products
    • Premium BundlesGet all the tools you need in one bundle
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
  • AI Starter Templates
  • Blog
  • Support
    • Help CenterProduct Questions? Not sure how to do something? Start here
    • Support TicketsNeed help? We love to help our customers
    • About usCrafted with love in Missoula, Montana
    • Contact usPre Sale Questions? Need help purchasing?
Account Login
  • Features
  • Pricing
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog