產品色票
客戶對選擇顏色有很高的期望,產品描述必須準確呈現每種可用的顏色、圖樣或紋理。 例如,下列範例中的褲子不提供紅色、綠色和藍色。 相反地,它們只能以紅色、綠色和藍色的特定色調提供,這些可能是此產品所獨有的。
產品頁面上的
對於可設定的產品,可以用視覺色票、文字色票或輸入控制項來指示顏色。 色票可用於產品頁面、產品清單及分層導覽。 在產品頁面上,色票會同步處理,以便在選取色票時顯示對應的產品影像。 當客戶選取色票時,對應的值會出現在輸入欄位中,且色票會概述為目前的選取專案。
No
,可將色票屬性設定為選取色票時,不顯示對應的簡單產品影像。文字色票
如果色票沒有影像,屬性值會顯示為文字。 文字型色票就像具有文字標籤的按鈕,其行為與具有影像的色票相同。 使用文字色票來顯示可用大小時,會去除任何不可用的大小。
分層導覽中的色票
如果color屬性的 Use in Layered Navigation 屬性設定為Yes
,則也可以在階層導覽中使用色票。 下列範例顯示分層導覽中的文字和彩色影像色票。
建立產品的色票
色票可以定義為color
屬性的元件,或針對特定產品在本機設定,並上傳為產品影像。
在先前的範例中,「Sylvia Capri」褲子有特定值red
、green
和blue
可供使用。 因為色票是從產品影像中擷取的,所以每個色票都是顏色的真實表示法。 color
屬性是用來管理所有產品顏色和色票的資訊。
步驟1:建立色票
使用下列其中一種方法來建立產品的色票。
方法1:新增色票
-
若要擷取產品的真正顏色,請在像片編輯器中開啟影像,並使用滴管工具來識別確切的顏色,並記下相等的十六進位值。
-
在 管理員 側邊欄上,移至 Stores > Attributes>Product。
-
在格線中,以編輯模式開啟 color 屬性。
-
確認 Catalog Input Type for Store Owner 已設定為
Visual Swatch
。 -
若您偏好在產品顯示頁面上選取色票時,不顯示對應的簡單產品影像,請將 Update Product Preview Image 設為
No
。 -
在 Manage Swatch (Values of Your Attribute) 下,按一下 Add Swatch 並執行下列動作:
-
在 色票 欄中,按一下新色票並從功能表選取 Choose a color。
-
在檢色器中,將游標置於 # 欄位中,刪除目前的值,然後輸入新顏色的十六進位值(6個字元)。
-
若要儲存色票,請按一下檢色器右下角的 色輪 (
-
在 Admin 欄中,輸入標籤以說明商店管理員的顏色。
如果適用,您也可以針對支援的每種語言輸入顏色的翻譯。 在下列範例中,SKU包含在 Admin 標籤中以供參考,因為顏色僅用於特定產品。 您可以在標籤中加入空格或底線,但不能加入連字型大小。
-
在 為預設 欄中,選取要作為預設選項的色票。
-
若要變更色票的順序,請按一下 Order
-
-
完成時,按一下 Save Attribute,然後在提示時重新整理快取。
-
在編輯模式中開啟每個產品,並以正確的色票更新 Color 屬性。
若要同時更新多個產品,請遵循下列步驟。
方法2:上傳色票影像
-
若要擷取色票的影像,請在像片編輯器中開啟產品影像,並儲存影像中描述顏色、圖樣或紋理的方形區域。
如有需要,您可以對產品的每個變化重複此動作。
色票的大小和尺寸由主題決定。 一般而言,將影像儲存為正方形有助於保留圖樣的外觀比例。
-
在 管理員 側邊欄上,移至 Stores > Attributes>Product。
-
在格線中,以編輯模式開啟 color 屬性。
-
確認 Catalog Input Type for Store Owner 已設定為
Visual Swatch
。 -
若您偏好在產品顯示頁面上選取色票時,不顯示對應的簡單產品影像,請將 Update Product Preview Image 設為
No
。 -
在 Manage Swatch(您屬性的值)底下,按一下 Add Swatch 並執行下列動作:
-
在 Swatch 欄中,按一下新色票以顯示功能表並選擇 Upload a file。
-
導覽至您準備的色票檔案,然後選擇要上傳的檔案。
-
對每個色票影像重複這些步驟。
-
輸入管理員和店面的標籤。
在此範例中,SKU包含在管理員標籤中以供參考,因為這些顏色僅用於特定產品。 您可以在標籤中加入空格或底線,但不可加入連字型大小。
-
-
完成時,按一下 Save Attribute,然後在提示時重新整理快取。
-
在編輯模式中開啟每個產品,並以正確的色票更新 Color 屬性。
若要同時更新多個產品,請遵循下列步驟。
步驟2:更新產品
-
在 管理員 側邊欄上,移至 Catalog > Products。
-
使用 Filter 可依名稱或SKU顯示清單,並僅包含適用的產品。
-
在格線中,選取要套用色票之每個產品的核取方塊。
-
將 Actions 設為
Update Attributes
。在此範例中,會選取褲子的所有藍色組態。
-
向下捲動至 Color 屬性並選取 Change 核取方塊。
-
選擇套用至所選產品的色票,然後按一下 Save。
-
出現提示時,請重新整理快取。
將色票新增至簡單產品
-
在 管理員 側邊欄上,移至 Catalog > Products。
-
在編輯模式下開啟產品,檢查產品狀態(應啟用)。
-
按一下「Create Configurations」按鈕(在「
Configurations
」標籤下)。 -
在快顯視窗中選擇Color屬性和 Next。
-
從要包含在此產品中的屬性中選取色票。
-
按一下進度列中的 Next。
-
在此步驟中,設定每個設定的影像、定價和數量。 每個的可用選項都相同,您只能選擇一個。 您可以將相同的設定套用至所有SKU、將唯一的設定套用至每個SKU,或暫時略過這些設定。
-
影像、價格和數量的設定完成後,請按一下右上角的 Next。
目前的產品變數會出現在設定區段的底部。 如果您對組態感到滿意,請按一下 Generate Products。