內容簡介
SAB Product Carousel Slider for WooCommerce 是一款專為 WooCommerce 商店設計的外掛，提供美觀且完全響應式的產品輪播滑塊。透過原生 Gutenberg 區塊，使用者可輕鬆選擇設計樣式並自訂顯示細節，提升顧客的購物體驗。
【主要功能】
• 兩種設計樣式選擇
• 完全響應式的獨立欄位設定
• 自動播放與循環功能
• 行動裝置可禁用滑塊顯示
• 自動顯示促銷與缺貨標籤
• 自訂加入購物車按鈕樣式
外掛標籤
開發者團隊
② 後台搜尋「SAB Product Carousel Slider for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
Transform your WooCommerce store with a stunning, fully responsive **SAB Product Carousel Slider for WooCommerce ** — built as a native Gutenberg block. Choose from two beautiful design variants, control every detail from columns to colors, and deliver a seamless shopping experience across all devices.
Design Variants
Card Style — Modern card-based layout with borders, shadows, and smooth hover effects. Perfect for standard e-commerce stores.
Art Gallery (Default) — Minimalist, image-first presentation with transparent backgrounds and centered text. Ideal for art, photography, and premium products.
Key Features
Fully Responsive Columns — Set independent column counts for Desktop, Tablet, Mobile, and Phone breakpoints
Header Support — Add a section title and subtitle, shown or hidden with a single toggle
Carousel Settings — Enable autoplay, continuous loop, and adjust transition speed
Disable Slider on Mobile — Display all products in a vertical stack on smaller screens instead of a carousel
Sale / Sold Out Labels — Automatically shows “Sale” when a sale price is set and “Sold Out” when stock runs out
Navigation Options — Choose arrows (shown elegantly on hover), dots, both, or none
Arrow Position — Set the previous/next arrow’s gap from the carousel’s left/right edge (px)
Hover Effects — Select from Zoom, Lift, Glow, or None for product card interactions
Gallery Features — Display product gallery images as clickable dots; show a second image on hover
Add to Cart — Fully integrated WooCommerce AJAX add-to-cart with customizable button text and style
Button Position — Independent margin/padding (all sides) for the Add to Cart / View Product button row, with an “Auto push to bottom” toggle
Product Query — Filter by multiple categories and control ordering with full flexibility
Display Controls — Individually show or hide title, price, ratings, labels, and buttons
Responsive Typography — All font sizes adjust automatically for every screen size
Deep Customizations — Colors, spacing, and styles are customizable for nearly every element
Optimized Performance — Clean, well-structured code with minimal dependencies
Responsive Column Control
Desktop (1280px and above): 1–6 columns
Tablet (768px–1279px): 1–4 columns
Mobile (480px–767px): 1–3 columns
Phone (below 480px): 1–2 columns
Image Display Modes
Natural — Preserves each product image’s original aspect ratio for an organic feel
Uniform — Forces all images to the same size (responsive per device) for a clean, grid-like consistency; Image Fit lets you choose Cover (crop), Contain (fit, no crop), or Stretch (fill exactly). When Image Fit is set to Cover, independent Horizontal (Left/Center/Right) and Vertical (Top/Center/Bottom) position controls appear for which part of the photo stays visible
Display Controls
Show or hide any of the following elements independently:
Product Title
Price
Star Ratings
Sale / Sold Out Labels
“View Product” button
“View All (Shop)” button — with customizable link text
“Add to Cart” button — with customizable label and button style
Add to Cart Button Styles
Default — Inherits your theme’s standard button style
Primary — Bold, filled button for high visibility
Outline — Subtle bordered button for a minimal look
Perfect For
WooCommerce online stores
Art galleries and photography portfolios
Fashion and lifestyle product showcases
Featured or promotional product sections
Any page that needs a beautiful, engaging product display
Additional Info
Browser Support
Chrome (latest)
Firefox (latest)
Safari (latest)
Microsoft Edge (latest)
Mobile browsers — iOS Safari, Chrome for Android
Requirements
WordPress 5.8 or higher
WooCommerce 5.0 or higher
PHP 7.4 or higher
A modern browser with JavaScript enabled
Privacy
This plugin does not collect, store, or transmit any user data. It only reads and displays WooCommerce product information already present in your database.
Support or Feature Requests
GitHub Repository
WordPress Support Forum
Contributing
Contributions are welcome! Visit the GitHub repository to submit a pull request or open an issue.
Credits
Built with WordPress & WooCommerce
WordPress Dashicons used for navigation arrows
