
內容簡介
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’, …);
外掛標籤
開發者團隊
② 後台搜尋「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’, …);
