Title: Shop UX Toolkit
Author: Wild Jim
Published: <strong>2025 年 8 月 26 日</strong>
Last modified: 2025 年 12 月 27 日

---

搜索插件

![](https://ps.w.org/shop-ux-toolkit/assets/banner-772x250.jpg?rev=3350561)

![](https://ps.w.org/shop-ux-toolkit/assets/icon.svg?rev=3350561)

# Shop UX Toolkit

 作者：[Wild Jim](https://profiles.wordpress.org/smokingblends/)

[下载](https://downloads.wordpress.org/plugin/shop-ux-toolkit.0.3.1.zip)

 * [详情](https://cn.wordpress.org/plugins/shop-ux-toolkit/#description)
 * [评价](https://cn.wordpress.org/plugins/shop-ux-toolkit/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/shop-ux-toolkit/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/shop-ux-toolkit/#developers)

 [支持](https://wordpress.org/support/plugin/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](https://github.com/SmokingBlends/Shop-UX-Toolkit)

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](https://www.smokingblends.com/)
 * **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](https://www.facebook.com/SmokingBlends/)(
   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](https://www.smokingblends.com/shop/resin-incense/)
 * **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](https://www.smokingblends.com/)
 * **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](https://www.smokingblends.com/) (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](https://www.smokingblends.com/blog/)
 * **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](https://www.smokingblends.com/reviews/)
 * **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](https://wordpress.org/support/plugin/shop-ux-toolkit/)

### Contributing

Suggest features or report issues via WordPress.org [Support Forum](https://wordpress.org/support/plugin/shop-ux-toolkit/)(
include WP, WooCommerce, theme versions, steps to reproduce). For code contributions,
fork and submit PRs on [GitHub](https://github.com/SmokingBlends/Shop-UX-Toolkit).

### Privacy

No data collection/external requests.

## 屏幕截图

 * [[
 * Hover effects on products. [screenshot-1.png]
 * [[
 * Custom category ordering. [screenshot-2.png]
 * [[
 * Reviews submission. [screenshot-3.png]
 * [[
 * Blog excerpts. [screenshot-4.png]

## 安装

 1. Upload/install via Plugins > Add New.
 2. Activate.
 3. Settings > Shop UX Toolkit: Toggle features like Facebook integration, hover effects.
 4. Clear cache.

## 常见问题

### Will it work with my theme?

Optimized for Storefront; most features WooCommerce-based and compatible with other
themes unless similar functions exist—test for conflicts. Disable features via settings
if issues arise.

### Performance impact?

Lightweight, mostly CSS; negligible effect on site speed.
 Please feel free to post
any other questions you might have on the [Support Forum](https://wordpress.org/support/plugin/shop-ux-toolkit/)

## 评价

此插件暂无评价。

## 贡献者及开发者

「Shop UX Toolkit」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Wild Jim ](https://profiles.wordpress.org/smokingblends/)

[帮助将「Shop UX Toolkit」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/shop-ux-toolkit)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/shop-ux-toolkit/)，查看
[SVN仓库](https://plugins.svn.wordpress.org/shop-ux-toolkit/)，或通过[RSS](https://plugins.trac.wordpress.org/log/shop-ux-toolkit/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/shop-ux-toolkit/)。

## 更新日志

#### 0.3.1

 * Fixed enqueuing issue with blog functions.
 * Updated all settings to default to false in the settings menu.

#### 0.3.0

 * Added blog excerpts feature (Storefront only).
 * Added Facebook cart integration with customizable slug.
 * Added reviews page with shortcodes, management, and captcha option.
 * Optimized reviews with caching.
 * Updated function prefixes for consistency.
 * Added category ordering.

#### 0.2.2

 * Refined hover-lift to clickable elements in category/product boxes.
 * Fixed lower-left and lower-right corner hover effect coverage.
 * Centered image titles in single-product large image modal.

#### 0.2.1

 * Added link behavior for single-product description tabs.
 * Clarified Storefront-first testing and support.

#### 0.2.0

 * CSS-only simplification; focused UX tweaks on archive pages.

## 额外信息

 *  版本 **0.3.1**
 *  最后更新：**4 月前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/shop-ux-toolkit/)
 * 标签
 * [accessibility](https://cn.wordpress.org/plugins/tags/accessibility/)[customer reviews](https://cn.wordpress.org/plugins/tags/customer-reviews/)
   [Facebook shop](https://cn.wordpress.org/plugins/tags/facebook-shop/)[storefront](https://cn.wordpress.org/plugins/tags/storefront/)
   [woocommerce](https://cn.wordpress.org/plugins/tags/woocommerce/)
 *  [高级视图](https://cn.wordpress.org/plugins/shop-ux-toolkit/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/shop-ux-toolkit/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/shop-ux-toolkit/reviews/)

## 贡献者

 *   [ Wild Jim ](https://profiles.wordpress.org/smokingblends/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/shop-ux-toolkit/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://www.smokingblends.com)