woocommerce商品上架-可變商品

w

介紹如何在woocommerce做商品上架,並設定商品可依據在畫面上選擇的顏色或尺寸變換照片

 

  • 首先先設定商品的屬性,例如尺寸、顏色等

選擇商品=>屬性

P002

 

在畫面左半邊,新增屬性的地方,新增一個顏色屬性

名稱欄位輸入”顏色”

代稱輸入”color”

類型選擇 “選擇”

如下圖所示,接著按下新增屬性

P3取

 

 

畫面右邊就會出現我們增加的顏色屬性,點選顏色屬性最右邊的齒輪圖案,規劃項目

P4

 

在規劃項目的畫面中,可以增加該屬性需要有的項目,假設商品有紅黑兩色,那就可以在這裡增加紅色和黑色兩個項目

如下圖所示

P5

名稱輸入:紅色

代稱輸入:Red

最後按下”新增顏色”,替顏色屬性增加了一個項目。

依照上述動作,把黑色也加入到項目中

 

  • 新增商品

屬性新增完成後,就可以開始做商品上架

選擇商品=>新增商品

下圖是商品主要設定的欄位

P6

 

要做到商品頁面的商品,可依據不同的顏色、尺寸 ,顯示對應的商品圖示、價格等,首先必須先將商品資料改為”可變商品”

接著點到左下的”屬性”標籤

P7

 

由於我們剛剛已經新增好屬性了,所以在這裡直接點選自訂商品屬性的下拉選單,選擇想要的屬性即可。

選好後按下右邊新增,可以看到現在右邊數值欄位還是空的

點選數值欄位,會出現之前自訂的紅色、黑色項目,依據需求將項目加入

最後記得“在商品頁面中可見”“用於變化類型”都要勾選,都完成後按下儲存屬性

P8

 

  • 接下來點選左下變化類型標籤

在這標籤中,可以針對每個屬性(在這例子,就是紅色、黑色),設定不同的商品照片、庫存、價格等各種數值

如下圖所示

P9取

 

畫面中可以看到,變化類型的下拉選單中,有兩項供我們選擇,這兩項的差異在下面做說明

 

  • 新增變化類型

依據每個屬性項目,一項一項增加。
假如選擇新增變化類型,按下送出。每一次只能增加一個項目,如黑色或紅色。必須一個一個的做設定

若我們有更多屬性,假設為尺寸和顏色兩種屬性。顏色屬性(包含10種顏色),尺寸屬性(包含S、M、L),商品的每個尺寸都有10種顏色的話,我們就要增加30次,針對30種可能的搭配(例如: 黑色S號、黑色M號、黑色L號、紅色S號……)去新增並設定對應的圖片、價格等。

 

  • 由所有屬性建立變化類型

選擇此項目,會自動幫我們將所有可能的組合一次新增完畢,如上例有尺寸、顏色兩種屬性,顏色屬性(包含10種顏色),尺寸屬性(包含S、M、L)。選擇由所有屬性建立變化類型,則會一次將30種組合全部新增,非常方便。若我們只有顏色屬性,也會將全部的顏色一次新增完成

 

此例選用”由所有屬性建立變化類型”,一次將所有項目新增完畢,如下圖。完成後畫面上就會列出我們所有的屬性項目

P10

 

每一種變化類型的後方,都有一個三條橫線搭配向下的三角形圖示

點選黑色項目後方的下三角圖示,展開此項目開始做細部設定

P11取

 

在這裡,你可以針對”黑色”商品,上傳商品圖示、設定庫存、價格等。或者在變化類型說明欄位。,針對”黑色”商品做說明

其他變化類型項目(如紅色),依此類推。
在全部的變化類型項目都設定完畢後

按下儲存變更,即完成

最後在商品上架之前,記得右下角的商品圖庫也要增加你在每個變化類型中所選的圖片,在網頁中觀看此商品時,才會有依據不同屬性變化商品照片、價格等的效果

P15取

 

完成畫面

P16

 

        •  補充

 

  假如說現在有30種變化類型(例:黑色S號、黑色M號、黑色L號、紅色S號……),每一種的價格都是150元,那是否需要一項一項輸入,輸入30次價格欄位?   不需要這麼麻煩,同樣點選”新增變化類型”下拉選單 可以看到,在我們新增過任一項目的變化類型後,現在此下拉選單的選項變多了。 P12取   我們可以選擇”設定價格”,按下送出 在跳出的視窗中,輸入150。按下確定 P17取所有變化類型的價格都會同時設定為150元  

關於作者

4則留言

By zomzad
聯繫本站: zomzad@gmail.com

TAG