Kadence チュートリアル: Kadence Shop Kit プラグインを使って商品のクイックルックを可能にする

ケイデンス Shop Kitプラグインは WooCommerce 商店带来了强大的扩展功能，其中产品快速查看功能尤为突出。这个功能让顾客可以在当前页面查看详细的产品信息并直接将商品添加到カート，大大简化了购物流程，提升了购物效率和便捷性。

Kadence Shop Kit 插件介绍

ケイデンス Shop Kit 插件旨在增强 WooCommerce 商店的功能，提供多种自定义选项，帮助商家优化产品展示和购物体验。产品快速查看功能是该插件的一项重要亮点，它让用户可以不用跳转到单独的产品页面，就能查看产品的详细信息并做出购买决策。

主要功能和优势

• 快速查看弹出窗口 快速查看功能通过响应式弹出窗口展示产品的详细信息，顾客可以快速获取产品的关键信息，而无需打开新页面。

• 产品导航 用户可以通过弹出窗口中的左右箭头在不同产品之间快速切换，查看其他产品，无需加载额外页面。

• 选择产品变体 对于具有多种选项的产品，用户可以直接在快速查看窗口中选择变体，如颜色、尺寸等。
• 添加至购物车 用户可以直接在弹出窗口中将产品添加到购物车，这避免了切换页面的麻烦，提升了购物流畅性。

• WooTemplate 自定义 ケイデンス Shop Kit 插件支持使用 WooTemplate 完全自定义快速查看窗口的布局和样式，商家可以根据品牌风格进行个性化调整。

启用产品快速查看功能

コミッション ケイデンス Shop Kit 的产品快速查看功能非常简单，只需按照以下步骤操作：

• 确保插件已启用 确保 Kadence Shop Kit 插件已经激活。进入 ワードプレス 后台，导航到“Shop Kit”页面，并点击“产品快速查看”标签。

• 启用快速查看功能 在产品快速查看设置页面，找到启用选项，切换至“启用”状态。启用后，你的 WooCommerce 产品页面上将显示快速查看按钮。

快速查看设置选项

ケイデンス Shop Kit 插件提供了多个选项，帮助商家根据需要定制快速查看功能：

• 自动插入按钮：启用后，快速查看按钮将自动显示在产品页面。商家可以选择按钮的位置，如在“カートに入れる"按钮之前或之后。

• 按钮文本和图标：商家可以自定义按钮的文本和图标，使其更具品牌特色。

• 悬停显示按钮：启用后，快速查看按钮将仅在鼠标悬停在产品上时显示，提升界面的整洁性。

自定义快速查看 WooTemplate

Kadence Shop Kit 插件允许商家使用 WooTemplate 自定义快速查看弹出窗口。商家可以通过启用产品テンプレート功能，并选择快速查看模板来调整布局和样式。

• 启用产品模板功能"ShopKit”页面并启用产品模板功能。

• 创建新 WooTemplate:“产品” -> “WooTemplates”をクリックしてください。新しいテンプレートの追加「を選択します。快速查看模板”

• 自定义模板布局使用 ケイデンス 块和 WooTemplate 块来自定义模板，展示所需的动态内容。

• 保存并发布模板：自定义完成后，点击“发布”按钮保存模板，并将其设置为产品快速查看弹出窗口的默认布局。

使用快速查看 Shortcode

对于某些设计需求，商家可以使用短代码（Shortcode）来动态插入快速查看按钮。使用以下短代码可以在页面、模板或产品列表中插入按钮：

• 显示当前产品的快速查看按钮：[kt_quickview_button]

• 显示特定产品的快速查看按钮：[kt_quickview_button id=”产品id“]

概要

ケイデンス Shop Kit 的产品快速查看功能提升了顾客的购物体验。商家可以通过简单的设置和自定义选项，优化产品展示并提高转化率。通过启用快速查看功能，顾客能够更快捷地浏览和购买产品，不用繁琐的页面跳转，提升了整个购物流程的流畅度。