前言介紹
- 這款 WordPress 外掛「Product Attribute Plus」是 2024-12-08 上架。
- 目前尚無安裝啟用數,是個很新的外掛。如有要安裝使用,建議多測試確保功能沒問題!
- 上一次更新是 2024-12-09,距離現在已有 146 天。
- 外掛最低要求 WordPress 6.4 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.0 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
iamgogul |
外掛標籤
swatches | Swatch Shapes | product attributes | Product Attributes Plus | Color + Image + Label Swatches |
內容簡介
總結:Product Attribute Plus 是一個免費的 WooCommerce 外掛,擴展了產品屬性選項,可新增顏色、標籤和圖像選擇框到標準下拉選單旁。
1. 什麼是 Product Attribute Plus?
- Product Attribute Plus 是一個免費的 WooCommerce 外掛,可以擴展產品屬性選項。
2. 如何安裝 Product Attribute Plus 外掛?
- 登入 WordPress 儀表板。
- 前往外掛部分。
- 選擇“新增外掛”。
- 在“搜尋外掛”框中搜索外掛名稱“Product Attribute Plus”。
- 選擇“Product Attribute Plus” 外掛並啟用。
3. 如何使用 Product Attribute Plus?
- 首先安裝並啟用 WooCommerce 外掛。
- 下載、安裝並啟用 Product Attribute Plus 外掛。
- 啟用兩個外掛後,前往 WooCommerce > 設定 > 顏色選擇器,設置單個變數產品頁面的默認選項和配置。
4. Product Attribute Plus 適用於哪些 WooCommerce 主題?
- Astra
- Hello Elementor
- OceanWP
- Storefront
- WordPress 預設主題
5. 提供的源文件和壓縮細節有哪些?
- 包括壓縮的 JavaScript 和 CSS 文件以獲得最佳性能。
- 提供未壓縮的源文件和構建說明以確保透明度。
原文外掛簡介
Product Attribute Plus is a free WooCommerce plugin that expands product attribute options. It ads Color, Label, and Image Swatches alongside the standard dropdown menu.
How to install Product Attribute Plus Plugin
1.Login to Your WordPress Dashboard
2.Navigate to the Plugins Section
3.Choose “Add New”
4.Search for the Plugin: ( In the “Search plugins” box, type “Product Attribute Plus” )
5.Select the “Product Attribute Plus” Plugin & Activate it.
Installing a WordPress plugin via FTP (File Transfer Protocol) involves uploading the plugin files to your server manually.
1.Download the Product Attribute Plus extension for WooCommerce Plugin
2.Unzip the downloaded file. You’ll typically get a folder containing all the plugin files.
3.Use an FTP client like FileZilla to connect to your server.
4.Once connected, navigate to the /wp-content/plugins/ directory in your WordPress installation on the server.
5.From your local machine, locate the folder extracted in step 2. Drag this folder into the /wp-content/plugins/ directory on your server.
6.Allow FileZilla or your FTP client to complete the upload. This might take a few moments, depending on the plugin’s size and your internet speed.
7.Once the upload is complete, go to your WordPress dashboard. Navigate to the “Plugins” section. You should see the plugin you just uploaded listed there. Click “Activate” to activate the plugin.
How to use
1.First, install and activate the WooCommerce Plugin. This plugin is necessary to use Product Attribute Plus Plugin.
2.Next, install & activate the Product Attribute Plus
3.Once both plugins are activated, go to WooCommerce > Settings > Swatches to set the default options and configurations for single variable product page.
WooCommerce Themes
Product Attribute Plus works with any theme, including:
Astra
Hello Elementor
OceanWP
Storefront
WordPress Default themes
Source Files and Compression Details
This plugin includes compressed JavaScript and CSS files for optimal performance. The uncompressed source files and build instructions are provided to ensure transparency:
Uncompressed JavaScript Files:
/product-attribute-plus/src/js/admin – JavaScript files for the admin area.
/product-attribute-plus/src/js/public – JavaScript files for the public-facing area.
Uncompressed SCSS Files:
/product-attribute-plus/src/scss/admin – SCSS files for the admin area.
/product-attribute-plus/src/scss/public – SCSS files for the public area.
Build Instructions:
All necessary libraries and steps to build the files are included in the package.json file. To compile and compress the source files, run the appropriate build commands outlined in the package.json.
For more details on setting up the build process, please refer to the package.json file located in the root of the plugin directory. Here are the main commands to use:
npm run scss:admin:min – Builds a production (compressed) version of the CSS file for the admin area.
npm run scss:public:min – Builds a production (compressed) version of the CSS file for the public-facing area.
npm run js:dev – Creates both uncompressed and development versions of the JavaScript files.
npm run js:prod – Builds production (compressed) versions of the JavaScript files.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Product Attribute Plus」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛(你可能也想知道)
暫無相關外掛推薦。