Kadence Teaching: Organizing the Kadence Shop Kit Product Gallery and Product Brand Management Features

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 图像画廊与品牌功能使用指南

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 图像画廊与品牌功能使用指南

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 图像画廊与品牌功能使用指南
  • Thumbnails on the right
图片[4]-Kadence Shop Kit 图像画廊与品牌功能使用指南
  • Thumbnails on the left
图片[5]-Kadence Shop Kit 图像画廊与品牌功能使用指南
  • Without thumbnails, the list of images is displayed in sequence
图片[6]-Kadence Shop Kit 图像画廊与品牌功能使用指南
  • Two-column image layout
图片[7]-Kadence Shop Kit 图像画廊与品牌功能使用指南
  • Tile Style Arrangement
图片[8]-Kadence Shop Kit 图像画廊与品牌功能使用指南
  • Sliding image display, no thumbnails
图片[9]-Kadence Shop Kit 图像画廊与品牌功能使用指南

Gallery detail setup

Custom size can be turned on to set the image width and ratio.

图片[10]-Kadence Shop Kit 图像画廊与品牌功能使用指南

Support to adjust the sliding speed and pause time.

图片[11]-Kadence Shop Kit 图像画廊与品牌功能使用指南

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 图像画廊与品牌功能使用指南

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 图像画廊与品牌功能使用指南

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 图像画廊与品牌功能使用指南

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 图像画廊与品牌功能使用指南

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 图像画廊与品牌功能使用指南

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 图像画廊与品牌功能使用指南

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 图像画廊与品牌功能使用指南

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.


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
客服微信
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: [email protected]
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
本文作者:托尼屎大颗
THE END
If you like it, support it.
kudos158 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments