Sidebar Category Tabs for WooCommerce

描述

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

安装

  1. Download the plugin or clone the repository.
  2. Upload the plugin folder to the wp-content/plugins/ directory.
  3. Activate the plugin through the WordPress admin panel under Plugins.
  4. Add products to WooCommerce and organize them into categories.
  5. Use the [wsct_woocommerce_sidebar_category_tabs] shortcode to display the tabs on a page.
  6. 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.

评价

此插件暂无评价。

贡献者及开发者

「Sidebar Category Tabs for WooCommerce」是开源软件。 以下人员对此插件做出了贡献。

贡献者

「Sidebar Category Tabs for WooCommerce」插件已被翻译至 1 种本地化语言。 感谢所有译者为本插件所做的贡献。

帮助将「Sidebar Category Tabs for WooCommerce」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

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