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