外掛說明
Sidebar Category Tabs for WooCommerce is an interactive product tab solution designed specifically for WooCommerce stores. It features mobile-friendly, scrollable tabs with flick gestures to showcase product categories and enhance user interaction. Live Demo
Key Features:
- Sidebar Navigation: Displays WooCommerce product categories as tabs in a sidebar.
- Quantity Controls: Easily adjust product quantities with + and – buttons before adding to cart.
- Customizable Design: Add custom CSS for styling to match your theme.
- AJAX Loading: Dynamically load products without refreshing the page for a smooth user experience.
- Support types of product: Supports simple, variable product types.
- Mobile-Friendly: Scrollable tabs with flick gestures for excellent mobile usability.
Shortcode Usage
Use the following shortcode to display the category tabs:
[wsct_woocommerce_sidebar_category_tabs]
Shortcode Attributes:
- card_height: (Optional) Sets the height of the product cards in pixels. Default is
400px. - default_category: (Optional) Specifies the default category to display when the tabs load. Use the category ID. Default is the first category.
Example:
[wsct_woocommerce_sidebar_category_tabs card_height=”500″ default_category=”12″]
螢幕擷圖
Sidebar category tabs display 
Sidebar category tabs display numbers pagination 
Settings panel
安裝方式
- Download the plugin or clone the repository.
- Upload the plugin folder to the
wp-content/plugins/directory. - Activate the plugin through the WordPress admin panel under Plugins.
- Add products to WooCommerce and organize them into categories.
- Use the
[wsct_woocommerce_sidebar_category_tabs]shortcode to display the tabs on a page. - Customize the tabs through the WordPress admin panel.
常見問題集
-
What are the requirements for this plugin?
-
This plugin requires WordPress 5.0 or higher and WooCommerce plugin installed and activated.
-
How do I add products to display in the tabs?
-
Add products to WooCommerce and organize them into categories. You can learn how to add products and manage categories in the WooCommerce documentation.
-
Can I customize the appearance of the tabs?
-
Yes, you can customize the design by adding custom CSS through the WordPress customizer or your theme’s CSS files.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
1.0.0
- Initial release with core features:
- Sidebar navigation displaying WooCommerce product categories as tabs
- Customizable design with support for custom CSS
- AJAX loading for dynamic product display without page refresh
- Mobile-friendly, scrollable tabs with flick gestures
1.1.0
- 1.1.0 release with features:
- Added support for variable product type
- Button style CSS fixes
1.2.0
- 1.2.0 release with features:
- Added product quantity controls with + and – buttons
- Quantity selector allows customers to set custom quantity before adding to cart
- Minimum quantity validation (default: 1)
- Improved user experience for bulk purchasing