Jet產品圖庫 插件能非常方便的展示網站產品頁面的產品主圖，有多種佈局可以選擇，還可以添加產品視頻，而且在使用WooCommerce管理產品的B2C網站、使用ACF管理產品的B2B網站都能通用。
安裝Jet Product Gallery
首先，在本站購買並下載Jet Product Gallery插件，會得到一個.zip插件壓縮包，使用上傳的方式安裝該插件↓
Wordpress後台– 外掛程式– 新增外掛程式– 上傳外掛程式– 選擇檔案（下載的外掛.zip壓縮包） – 立即安裝。
如何使用Jet Product Gallery？
安裝後啟用插件，在Elementor編輯頁面就會看到多出的四個JetProductGallery元素↓
其中使用最多的就是圖庫輪播元素，本次使用教學也是使用此元素作為演示，其他元素設定較簡單，就不再過多贅述。
首先進入我們自訂設計的產品詳情頁模板，將圖庫輪播元素加入到所需位置：
在該元素的內容設定裡，我們主要關注影像和影片的動態標籤，這兩個標籤可以分別動態引用WooCommerce或透過ACF自訂字段新增的產品圖片和產品影片。
其他設定如下圖所示：
Gallery這部分主要設定此元素功能的開啟或關閉，可以按需設定或保持預設設定。
Video這塊主要針對產品畫廊裡的影片做設置，例如調整影片比例、影片展示的位置順序、是否自動播放、更換播放按鈕圖片。
上面這張圖的設置主要就是在輪播圖分頁的設置，選擇分頁圖片，以及比較重要的分頁類型，決定了輪播圖下方顯示小圖還是小圓點。
這些設定都做好後的輪播圖樣式如下↓
以上就是本篇文章的全部內容。
谷歌一鍵登入