找我們做網站
↑
Woocommerce · WooCommerce 外掛

YITH WooCommerce 商品圖片放大鏡外掛教學:讓顧客看清細節

WooCommerce 外掛發布 2021.04.07更新 2026.10.02閱讀約 5 分鐘
YITH WooCommerce 商品圖片放大鏡外掛教學:讓顧客看清細節

重點整理
YITH WooCommerce Zoom Magnifier(現名 YITH WooCommerce Product Gallery & Image Zoom)讓顧客把滑鼠移到商品圖上就能放大看細節,適合單價較高、需要看質感的商品。本文示範安裝與設定。

我們繼續介紹WooCommerce系列外掛!這邊在強調一下為什麼鵠學苑不斷強調外掛的重要性並且不斷的介紹新的外掛,明明架設一個網拍平台只需要利用WooCommerce就能完成大多數功能為什麼還需要下載那麼多的外掛?原因只有一個就是要讓瀏覽者在逛我們的網拍時有好的瀏覽體驗!WooCommerce的確什麼功能都有但是都有些過分的簡陋了,所以需要外掛讓特定功能的使用更方便簡單!今天我們要介紹的是YITH WooCommerce Zoom Magnifier一個能夠放大你網拍圖片的外掛!

圖片放大鏡的作用

網拍平台為了排版需要圖篇往往不會使用太大的圖片,但是做為消費者我們需要了解產品的細節才能安心的購買!特別是我們在購買單價較高的東西時,畢竟要買單價高的產品不好好了解一下產品細節解接買到和預期不符合的東西換來差評對我們網拍店主來說絕多不是一件好事!(差評無法刪除要想解決差評帶來的影響需要花大量的時間!所以我們要不斷提高瀏覽者的瀏覽體驗最大限度的減少收到差評的可能!)這個時候放大鏡就很重要了,通過放大商品圖片讓瀏覽者了解產品細節,取得消費者的信任才能提高商品的轉換率!
在很多的網拍平台上都能看到這樣的功能!特別是在單價較高的商品頁面!

YITH WooCommerce Zoom Magnifier
YITH WooCommerce Zoom Magnifier
YITH WooCommerce Zoom Magnifier
YITH WooCommerce Zoom Magnifier

下載與啟用

如何下載外掛呢?和一般的WordPress一樣需要兩個步驟下載和啟用,我們先登入WordPress後台跟著接下來的教學一步步完成設定吧!

YITH WooCommerce Zoom Magnifier
YITH WooCommerce Zoom Magnifier

第一步:下載外掛
先進入WordPress後台 – 在左邊的工具欄找到外掛 – 點擊安裝外掛 – 在搜尋引擎中輸入外掛名稱 – 點擊下載

YITH WooCommerce Zoom Magnifier
YITH WooCommerce Zoom Magnifier

第二步:啟用外掛
WordPress的外掛在下載完成後還不能直接使用需要多一個啟用的動作!一樣在網站的後台 – 點擊左邊工具欄中的外掛 – 點擊已安裝外掛 – 點擊啟用即可

YITH WooCommerce Zoom Magnifier
YITH WooCommerce Zoom Magnifier

YITH WooCommerce Zoom Magnifier設定

在安裝並啟用後就可以開始開始進行設定了,放大鏡的功能其實很簡單就是按照瀏覽者滑鼠的位置放大圖片而已,所以設定起來沒有難度!如果你覺得麻煩甚至不需要進行設定直接使用也安全沒有問題!(我自己在使用放大鏡這個功能的時候比起外掛的設定來所真正困難的地方是在保證商品圖片的高品質!)

YITH WooCommerce Zoom Magnifier
YITH WooCommerce Zoom Magnifier

第一步:放大比例的設定
這個應該是唯一一個需要特別設定的地方!我們想要圖片可以放多大?(這邊要事先提醒一下圖片放的越大對圖片的要求也越高!)

YITH WooCommerce Zoom Magnifier
YITH WooCommerce Zoom Magnifier

第二步:放大圖片位置
這個其實我不建議大家更改,但是還是要依據你的網頁排版!為了示範我設定為inside給大家看看效果。

YITH WooCommerce Zoom Magnifier
YITH WooCommerce Zoom Magnifier

第三步:成果展示

常見問題

YITH WooCommerce Zoom Magnifier 還找得到嗎?

找得到,外掛已更名為 YITH WooCommerce Product Gallery & Image Zoom,WordPress.org 的外掛網址沒變,在外掛安裝頁搜尋新名稱即可。介面文字與設定項目可能和文中截圖不同,功能概念相同。

不裝外掛,WooCommerce 有放大圖片的功能嗎?

有。WooCommerce 內建商品圖庫的滑過放大、點擊燈箱與縮圖切換功能,但要佈景主題有宣告支援才會出現。先到商品頁測試看看,如果滑鼠移到圖上已經會放大,就不一定需要再裝外掛。

商品圖要多大,放大後才清楚?

放大鏡顯示的是原始圖片,原圖越大放大後越清楚。上傳的商品圖寬度最好是頁面顯示寬度的兩倍以上,同時壓縮檔案大小。另外要注意手機沒有滑鼠,滑過放大效果在手機上無法使用,要靠點擊開啟燈箱看大圖。

結語

YITH WooCommerce Zoom Magnifier – 網拍放大鏡的教學就差不多到這邊結束了,實際上的操作很簡單基本上就按照預設來設定就可以開始使用了。

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。