Kadence Shop Kit(formerly known as Woo Extras) has extended the WooCommerce The image display and brand categorization features of theProduct GalleryThe module supports flexible layout and sliding display, and the brand management function helps merchants to highlight product attribution and enhance recognition and page aesthetics.
![图片[1]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112149876-image.png)
Product Gallery Setup
Enabling Functions
Install and enable Kadence After the Shop Kit plugin, go to Shop Kit in the backend menu and open the Product Gallery tab to enable the product gallery slider.
![图片[2]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112216548-image.png)
If you need to use image rotation on the product page, you can enable the product slide show option.
Gallery Display Style
The plug-in provides a variety of display methods, adapting to different product layout needs:
- Thumbnails are located below the main image
![图片[3]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112259816-image.png)
- Thumbnails on the right
![图片[4]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112306881-image.png)
- Thumbnails on the left
![图片[5]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112315815-image.png)
- Without thumbnails, the list of images is displayed in sequence
![图片[6]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112324959-image.png)
- Two-column image layout
![图片[7]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112419521-image.png)
- Tile Style Arrangement
![图片[8]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112425592-image.png)
- Sliding image display, no thumbnails
![图片[9]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112430219-image.png)
Gallery detail setup
Custom size can be turned on to set the image width and ratio.
![图片[10]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112733724-image.png)
Support to adjust the sliding speed and pause time.
![图片[11]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112745649-image.png)
Next you can choose whether or not to enable product imageshoverZoom function. When enabled, you can set the position of the zoomed display to show on top or next to the image.
If you use a gallery with thumbnails, you can also enable the thumbnail hover switching function, so that customers can preview different images when hovering the mouse.
Lightbox mode can also be enabled for viewing a larger image in a floating layer when the image is clicked.
The image title section supports displaying as an overlay, or you can choose to hide it from display.
Finally, the product page can enable ameta-region (computing)This is used to enter a short code or HTML content to replace the default gallery display. When enabled, this area will provide a separate editorial entry in each product.
![图片[12]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402112820224-image.png)
Brand Function Setting
Open Branding Module
go into Kadence Shop Kit settings to enable the Product Brands module. You can set the singular and plural form of the brand name and customize the link alias. When you are done, go to Fixed Links in the Settings menu and click onsave (a file etc) (computing)Refresh the brand link structure.
![图片[13]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402114101269-image.png)
Brand display on single product page
When enabled, the brand name or brand icon will appear in the product page. The display position can be adjusted on demand.
![图片[14]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402114259811-image.png)
Brand archive page
The Brand Archiving setting supports the display of brand logos in the product list, which can be used to differentiate between different brands of goods.
![图片[15]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402140708708-image.png)
Adding Brands and Assigning Products
Go to Product → Product Brand in the background menu, fill in the brand name and picture information, and click Add New Brand.
![图片[16]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402140742493-image.png)
When editing a product, find the brand selection item on the right side and categorize the product into the corresponding brand.
![图片[17]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402140847297-image.png)
If this item is not displayed, click on "Display Options"Check the box."Product Brands".
Once a product is saved, you can view all the products under that brand on the brand archive page.
![图片[18]-Kadence Shop Kit 图像画廊与品牌功能使用指南](https://www.361sale.com/wp-content/uploads/2025/04/20250402140926856-image.png)
summarize
Kadence Shop Kit's product gallery and brand management capabilities extend WooCommerce Commodity display mode. Rich image layout and clear brand categorization help optimize the page structure and product presentation, providing customers with an intuitive form of product information display.
Link to this article:https://www.361sale.com/en/48799/The article is copyrighted and must be reproduced with attribution.


















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments