內容簡介
Addonify WooCommerce Quick View 外掛為您的 WooCommerce 商品頁面新增快速預覽功能。
👉 Demo one（自訂快速預覽按鈕）
👉 Demo two（預設 Store Front 佈景主題）
👉 文件指南
如果您經營網上電商店，您會知道在您的商品頁面上有多少商品。此外掛能讓您的網站訪客快速查看商品摘要，而不必進入每個商品的詳細頁面，這有助於節省訪客的時間，增加您的收益。
主要功能：
✅ 易於使用。
✅ 超輕量級且經過優化以提升效能。
✅ 在商品循環中添加快速預覽按鈕，使用 ajax 開啟產品摘要的彈出視窗。
✅ 在快速預覽彈出視窗中顯示產品圖片或圖庫。
✅ 在快速預覽彈出視窗中顯示產品標題、價格、加入購物車按鈕、簡介和檢視詳細按鈕。
✅ 在移動裝置上禁用快速預覽。
✅ 快速預覽彈出視窗和覆蓋層的顏色選項。
✅ 快速預覽彈出框內部元素的顏色選項。
✅ 更改 "快速預覽" 按鈕的標籤。
✅ 友好的開發人員支援及易於根據您的需求實現。
✅ 友善的支援。
開發人員文件：
如果您是開發人員或佈景主題作者，以下是 Addonify WooCommerce Quick View 以兩種不同方式實現的方法。
✅ 使用 Hooks 和過濾器。
✅ 覆蓋 Addonify 快速預覽外掛的模板檔案。
需要入門指南嗎？請隨時查看我們知識庫網站的 開發人員文件。
建議及支援：
我們樂於討論如何改進我們的外掛。我們歡迎您加入討論並分享您的想法，請注意，討論不僅限於分享想法，隨時提出與我們外掛相關的問題，提交錯誤報告並參與投票。
👉 創建一個新的討論
👉 報告錯誤
外掛標籤
開發者團隊
② 後台搜尋「Addonify – Quick View For WooCommerce」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
Addonify WooCommerce Quick View plugin adds functionality to have a quick preview of WooCommerce product on a popup modal.
🌍 Official Demo: Link 1
🌍 Official Demo: Link 2
📜 Documentation: Doc Link
If you run an online e-commerce shop, then you must be familiar with the number of products that your users will see in your store page. This plugin allows your website visitors to quickly view the product summary instead of going through each product’s detail page. This could save the time of your visitors & increase your revenue.
🦄 MAIN FEATURES:
✅ Easy to use.
✅ Super light-weight & optimized for performance.
✅ Add a quick view button in product loop to open a modal window with the product summary using AJAX.
✅ Display product image or gallery on quick view modal.
✅ Display product title, price, add to cart button, excerpt and view detail button on quick view modal.
✅ Disable quick view on mobile device.
✅ Modal box opening & closing animations.
✅ Modal content row direction layout.
✅ Change a label for the “Quick view” button.
✅ Display icon on “Quick view” button.
✅ Choose spinner icon.
✅ Customize what you would like to display inside the modal box.
✅ Display product detail page link in modal.
✅ Close modal on ESC key pressed.
✅ Close modal when clicked outside.
✅ Display/Hide modal close button.
✅ JavaScript API for developers.
✅ Developer friendly & easy to implement according to your need.
✅ Add custom CSS if required from admin setting page.
✅ Clean setting page design.
✅ Friendly support.
🌈 DESIGN OPTIONS:
✅ Customize quick view button text color.
✅ Customize quick view button background color.
✅ Customize quick view border color.
✅ Customize quick view button border radius.
✅ Customize modal box background color.
✅ Customize modal overlay mask background color.
✅ Customize modal box border color.
✅ Customize modal text colors.
✅ Customize modal box border radius.
✅ Customize modal CSS z-index.
✅ Customize spinner icon color.
✅ Customize spinner icon size.
✅ Customize WC Gallery border color.
✅ Customize WC Gallery icon color.
✅ Customize WC Gallery icon background color.
✅ Customize WC Gallery icon size.
✅ Customize WC product image border.
✅ Customize WC Gallery thumbnails gap.
✅ Customize WC Gallery thumbnails number in row.
✅ Customize product title color.
✅ Customize product title font size.
✅ Customize product title font weight.
✅ Customize price color.
✅ Customize price font size.
✅ Customize rating stars color.
✅ Customize misc buttons inside modal box color.
✅ More customization options, give it a try.
💎 PRO
Addonify Quick View Pro version comes with more advanced features and customization options. Some of the features are:
✅ Track the viewed products with analytics.
✅ Add the related products in quick view modal.
✅ Add product navigation.
✅ Enable social sharing from quick view modal.
✅ Enable AJAX add to cart in quick view modal.
✅ Unlock additional color options.
✅ Unlock additional options to customize the modal.
📄 SHORTCODE
The shortcode below can used to display quick view button.
[addonify_quick_view_button id=”1″ label=”Quick View” classes=”btn” icon=”icon_one” icon_position=”left”]
The shortcode attributes used are as follows:
id: Product id.
label: Button label.
classes: CSS classes.
icon: Button icon. Use any one attribute value from icon_one, icon_two, icon_three, …, icon_six.
icon_position: Button icon position if icon attribute is set. Use either left or right.
👨💻 DEVELOPER:
Developers, we got you. Follow the links below to easily customize Addonify Quick View as you like.
✅ Custom quick view button Check Doc
✅ Using Hooks & Filters Check Doc
✅ Overwrite plugin template file Check Doc
✅ JavaScript API Check Doc
Still not sure how to start? Create a new discussion and we will help you out.
🤎 FEEDBACK & SUPPORT:
Let’s make Addonify Quick View better together. We are open to discuss how we can improve our plugin. You’re always welcome to join the discussion and share your ideas with us.
🌍 Feedback – Have feedback or I would love to rate.
🪲 Report BUG – Option – 1 or Option – 2.
📦 UPCOMING FEATURES:
Modal width with responsive control.
Modal padding with responsive control.
Modal content gap with responsive control.
Quick view for Gutenberg WooCommerce products blocks.
More customization options.
Do you have any requests to make? Let’s discuss on what you would like to see in the next version.
