[WordPress] 外掛分享: Bears WooCommerce Product Quick View

首頁外掛目錄 › Bears WooCommerce Product Quick View
WordPress 外掛 Bears WooCommerce Product Quick View 的封面圖片
10+
安裝啟用
尚無評分
3035 天前
最後更新
問題解決
WordPress 4.7+ PHP 5.5.6+ v1.0.0 上架:2017-12-19

內容簡介

Bears WooCommerce Quick View 讓使用者在不打開產品頁面的情況下,快速查看產品資訊。

快速查看視窗

WordPress 如何安裝外掛的教學
此視窗會顯示產品的:

主要特色影像
標題
價格
簡短描述
查看按鈕
購物車按鈕

相容性

WooCommerce 3.x
WooCommerce Variation Swatches and Photos(變化選項和照片)
WooCommerce Product Bundles(產品包)

變更樣板

若要自訂樣板,請在您的主題中建立一個名為 ‘bears-woocommerce-product-quick-view’ 的資料夾:
例如(自訂版面的快速查看按鈕):

複製檔案:plugins/bears-woocommerce-product-quick-view/templates/loop/quick-view-button.php
到您的主題下方:your-theme/bears-woocommerce-product-quick-view/loop/quick-view-button.php
-> 編輯檔案。

刪除快速查看按鈕:

add_action('wp_head', 'remove_button_quick_view');
function remove_button_quick_view() {
global $BWC_Product_Quick_View;
remove_action('woocommerce_after_shop_loop_item', array($BWC_Product_Quick_View, 'quick_view_button'), 5);
}

移動快速查看按鈕:

global $BWC_Product_Quick_View;
add_action('name action ...', array($BWC_Product_Quick_View, 'quick_view_button'), 15);

掛載點

add_action(‘bwc_product_quick_view_before_single_product’, …);
add_action(‘bwc_product_quick_view_after_single_product’, …);

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.0) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Bears WooCommerce Product Quick View」→ 直接安裝(推薦)

原文外掛簡介

Bears WooCommerce Quick View allows users to get a quick look of products without opening the product page.
Quick View Modal
WordPress how to install plugin
The modal window shows the product’s:

Main featured image
Title
Price
Short description
View button
Cart buttons

Compatible

WooCommerce 3.x
WooCommerce Variation Swatches and Photos
WooCommerce Product Bundles

Changing Template
To customize template, create a folder ‘bears-woocommerce-product-quick-view’ on your theme:
Example (custom layout quick view button):
copy file: plugins/bears-woocommerce-product-quick-view/templates/loop/quick-view-button.php
to your theme: your-theme/bears-woocommerce-product-quick-view/loop/quick-view-button.php
-> edit the file.

Remove button quick view:
add_action('wp_head', 'remove_button_quick_view');
function remove_button_quick_view() {
global $BWC_Product_Quick_View;
remove_action('woocommerce_after_shop_loop_item', array($BWC_Product_Quick_View, 'quick_view_button'), 5);
}

Move button quick view:
global $BWC_Product_Quick_View;
add_action('name action ...', array($BWC_Product_Quick_View, 'quick_view_button'), 15);

Hooks

add_action(‘bwc_product_quick_view_before_single_product’, …);
add_action(‘bwc_product_quick_view_after_single_product’, …);

延伸相關外掛

文章
Filter
Apply Filters
Mastodon