內容簡介
### 總結:
這款 Shop UX Toolkit 外掛通過修復商店和產品頁面上的設計和無障礙問題，提升了您的 WooCommerce 商店。它經過設計和測試適用於 Storefront 主題，並使用 CSS 僅修改 WooCommerce 代碼，不影響主題設計，對於其他出現類似問題的主題也可能適用。所有功能可以在設置中切換，並且該外掛輕量級，即使只需要一個功能也非常理想。
### 問題與答案:
1. Shop UX Toolkit 外掛主要是通過什麼方式提升 WooCommerce 商店的品質？
- 通過修復商店和產品頁面上的設計和無障礙問題。
2. 外掛如何保證不會影響網站的設計風格？
- 外掛使用 CSS 僅修改 WooCommerce 代碼，不會影響主題設計，並可在設置中隨時切換所有功能。
3. 為什麼增加下劃線對於 WooCommerce 的鏈接是有幫助的？
- 下劃線使鏈接更容易被發現，提升可讀性，修復僅靠顏色的鏈接造成的 Google PageSpeed Insights 錯誤，增加無障礙性，潛在提升 SEO 效果。
4. 如何提高類別和產品框的點擊率？
- 外掛會在懸停時對類別和產品框應用微妙的升起和陰影效果，顯示框框是可點擊的，創造出閃亮，引人注目的外觀，鼓勵點擊，可提高點擊率和銷售。
5. Shop UX Toolkit 外掛如何確保鍵盤用戶的無障礙性？
- 外掛可以讓您切換焦點輪廓只出現在鍵盤導航時，而非鼠標/觸摸，保證鍵盤用戶（包括殘障人士）的無障礙性，同時為鼠標/觸摸用戶提供更乾淨的外觀，平衡功能性和美觀性。
外掛標籤
開發者團隊
原文外掛簡介
Shop UX Toolkit is a free, lightweight WooCommerce plugin that upgrades your stock Storefront theme and WooCommerce install into a polished, functional eCommerce site. Toggle features to add premium enhancements like Facebook and Instagram shop integration for seamless social media checkouts and selling, engaging hover effects on product and category boxes to boost user interaction, custom product category ordering to prioritize displays on shop pages and drive sales, keyboard-only focus outlines to hide unsightly borders for mouse users while improving accessibility and SEO, blog post excerpts with “Continue Reading” buttons (replacing full posts on Storefront archives for better engagement), a dedicated customer reviews and testimonials page with submission forms and shortcodes to build trust, and tweaks like preventing empty paginated shop pages and centering modal image titles.
Optimized for Storefront, many WooCommerce-exclusive features (e.g., link styling, hover effects, keyboard focus, Facebook integration, reviews, and category ordering) work with other themes via standard WooCommerce classes—conflicts are unlikely unless the theme/plugin duplicates functionality. Fully tested only on Storefront; test and disable if issues.
Why it’s great: Free premium features, stable and supported, minimal performance impact (mostly CSS-based), customizable via settings, modular (use only what you need), enhances SEO/accessibility/user engagement. Turns vanilla WooCommerce into pro-level eCommerce without bloat. GitHub
Other benefits: quick setup, no dependencies, improves site speed scores, and encourages customer feedback.
Features
Link Styling: Underlines links in shop/category descriptions to match the rest of the site and fixes Google PageSpeed Insights’ “links rely on color” error, improving accessibility score and potential SEO. Live Demo
Facebook & Instagram Shop Integration: WooCommerce integration for Facebook & Instagram shopping carts and product catalogs; simply add an auto-created secure cart page in Meta Commerce Manager. Live Demo (view via Facebook mobile app)
Product & Category Hover Effects: Boost WooCommerce shop engagement with eye-catching soft shadows on hover—signals “click me!” to drive more interactions, longer dwell times, and potential SEO gains from better user metrics. Live Demo
Category Thumbnails Ordering: Manually sort the category thumbnails (lower numbers first) on WooCommerce shop pages to boost sales by featuring top categories first. Live Demo
Remove Blue Box Around Clickable Elements: Hides ugly blue focus outlines (that misalign on resize, e.g., site logo) for mouse/touch clicks—standard on Shopify sites; shows only for keyboard navigation (Tab key) to meet accessibility standards. Live Demo (navigate with the mouse and the Tab key to demo)
Blog Post Excerpts (Storefront): Replace full posts with engaging snippets and “Continue Reading” buttons on archives—boosts readability and click-throughs; standard in premium themes. Live Demo
Customer Reviews & Testimonials: Boost your site’s trust and sales by highlighting up to 10 top reviews/testimonials on an auto-generated reviews page that provides your customers with the ability to leave reviews for all the products they ordered on one page. Live Demo
Other WooCommerce Tweaks: Prevents empty paginated shop pages (sets 404 for non-existent), improving UX/SEO; centers modal image titles for cleaner product views; get fast WooCommerce performance without bloat.
Ideal for WooCommerce users wanting free eCommerce upgrades.
Usage
Enable features in settings.
Reviews/testimonials: Auto-creates page with shortcodes [submit_review_form] for submissions (any product), [display_all_reviews] for display; manage up to 10; send link to customers for reviews.
Category ordering: Edit categories, set numbers.
Need more Help? Support Forum
Contributing
Suggest features or report issues via WordPress.org Support Forum (include WP, WooCommerce, theme versions, steps to reproduce). For code contributions, fork and submit PRs on GitHub.
Privacy
No data collection/external requests.
