如何為 WooCommerce 使用變化樣本

已發表: 2022-03-22

當你想創建一個在線商店時,沒有多少替代品能像 WooCommerce 一樣好。 儘管如此,使用 WooCommerce 的默認功能且沒有任何額外功能的 WooCommerce 商店不會是您將看到的最好的商店。

要使您的商店脫穎而出,您必須做的一件事是找到一種方法來增強商店商品展示的視覺效果。 您的銷售將反映您的產品展示的用戶友好程度。 用戶希望無縫地查看產品的變體,這就是 WooCommerce 的插件變體樣本的用武之地。我們將看看如何使用這樣的插件以及最好的插圖之一 - 如果不是最好的 - 這樣的插件。 如果您需要為 WooCommerce 查找變體色板插件,這裡是 10 多個最佳 WooCommerce 變體色板插件的列表。

WooCommerce 的變化樣本

WooCommerce 變體色板插件

RadiusTheme 的 WooCommerce 變體色板非常適合讓您的網站在產品變體的呈現方面具有優勢。 該插件顯示出令人難以置信的關注,即盡可能保持用戶友好。 它具有允許您將產品變體從 WooCommerce 的默認選擇字段更改為圖像、標籤和顏色的功能。 使用該插件,您不必在通常的下拉字段中展示變體。

WooCommerce 的變體樣本為您提供了為您的產品樣本創建與您的網站風格相匹配的自定義邊框的工具。 如果要增強背景,可以添加圖像或純色。

您可以為您的產品和產品類別頁面添加工具提示。 不想刪除缺貨的產品變體? 使用 WooCommerce 的變體色板,您可以只使用交叉或模糊。 您可以選擇十字的顏色並控制模糊不透明度。

WooCommerce 變體色板帶有快速查看功能。 該功能非常適合展示產品而不必轉到產品頁面。 默認情況下,此插件適用於產品詳細信息頁面。 然後,您可以控制工具提示、字體大小和顏色以及圖像大小。 該插件可讓您在方形和圓形樣本之間進行選擇。

使用 WooCommerce 的變體色板

您要做的第一件事是下載 WooCommerce 插件的 Variation Swatches。 或者,您可以直接從管理面板從後端安裝它。

對於第二種選擇,只需轉到您的管理儀表板,轉到plugins ,然後添加新的. 轉到下一頁上的搜索框並蒐索 WooCommerce 的變體樣本。 單擊 RadiusTheme 的“激活”插件,該插件讀取WooCommerce 的 Variation Swatches

添加和編輯屬性和屬性項

創建顏色屬性時,您可以通過導航到WooCommerce Products e Attributes來全局執行操作。 下一部分是通過選擇所需的按鈕、顏色、圖像或單選來添加所需的屬性。

要添加或編輯新屬性術語,只需單擊配置術語。 如果要編輯顏色屬性,請使用顏色選擇器選擇所需的顏色。 然後,您可以設置工具提示文本和類型。

設置產品屬性

在編輯模式下,轉到特定產品並選擇Product Date e Variable Product 。 接下來是單擊添加選項以添加自定義產品屬性並保存。 但是,在您這樣做之前,請務必選中“用於變化”框。

設置產品變體

設置產品變體時,請確保為每個變體分配圖像、價格和庫存狀態,否則不會出現在前端。

只需轉到Product Data ,然後選擇Variations、Default Variations、 selected Attributes、Price、ImageStock 。 正確設置它們以反映您的產品的實際情況。 當您要添加變體時,請知道您可以選擇設置一個又一個變體或同時設置所有變體。 當您單擊Create Variations from All Attributes時,您將採用第二個選項。

產品變體插件

需要根據您的獨特需求設置其他字段,例如 SKU、重量、描述和運輸。

設置個別變化

如果您更喜歡單獨調整每個變體的設置而不是全局變體,只需轉到“產品樣本”選項卡並選擇屬性。 您可以選擇僅展示目錄模式所需的屬性。

選擇您喜歡的圖像類型(如果需要,將工具提示設置為圖像或文本)和您想要的特定顏色。 當您選擇了所需的特定屬性後,只需點擊Save Product Swatches按鈕。

WooCommerce 的變體樣本

前端變化

控製商店或存檔頁面的顯示時,請轉到WooCommerce e 設置 e 產品樣本 e 商店或存檔頁面。 然後你可以去你的前端並欣賞(或批評)你的結果。

前端變化

自定義屬性

為您的產品添加自定義屬性就像前往可變產品 e 屬性,然後添加自定義產品屬性一樣簡單。 單擊添加按鈕以添加自定義產品屬性。 在單擊“保存屬性”按鈕之前,為每個自定義屬性分配名稱和值。

在變體中添加自定義屬性時,只需使用您在上一步中添加的自定義屬性即可添加變體。 從那裡,通過轉到左側的產品樣本選項卡來設置自定義屬性類型。

產品樣本中,很容易覆蓋全局屬性設置。 您所要做的就是設置屬性的類型,無論它們是單選、圖像、按鈕還是顏色。 設置屬性並點擊Save Product Swatches按鈕。 您可能需要 WooCommerce 的另一個相關插件附加變體圖像庫

加起來

使用 WooCommerce 是一項非常簡單的任務,您應該立即熟悉它的每一個角落。 在使用諸如 WooCommerce 的產品變體之類的插件推進產品變體的使用時,您可以依靠本指南來幫助您。

我希望我是一個很好的指南,幫助您了解使用插件的簡單和棘手的部分。 在您創建世界一流的電子商務商店時一切順利。