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