ICB文件

如何新增/複製產品頁面 

Update : 2022/10/31

當您想要建立產品時，可透過新增及複製兩種方式來建立產品。若您已收到設計師建置好的產品頁，你想要從某個特定的頁面進行複製後再行編輯或是從全新畫面開始建立產品頁面，請參閱我們下方的說明。

點選下列項目以快速前往 :

A : 建立產品頁面   B : 設定產品圖片及產品描述   C : 設定產品詳細介紹   D : 產品共用內容  

A : 建立產品頁面

您可透過新增或複製，兩種方法建立產品。
若您是初次建立產品，我們會建議您使用方法2的複製方式，來快速建立產品；
若您是對於建立產品及網站操作已很熟悉，可透過方法1的方式來建立產品。
方法1 : 新增產品 方法2 : 複製產品

方法1 : 新增產品


1 : 前往新增產品

進入編輯模式後，於畫面的右上角，找到新增 的選項。

點選後，會顯示如下畫面，請點選商品。

註 : 每個網站會根據服務內容差異，下圖內的選項會有所不同為正常現象。


2 : 輸入產品名稱

於下方畫面輸入產品名稱後，按下建立，即可完成產品頁面建立。

 


方法2 : 複製產品


1 : 前往後台編輯

進入編輯模式後，前往你想要複製的產品頁面。
於畫面的右上角， 點選編輯右邊的 ，在開啟的下方選項內，點選 在後台編輯。


2 : 複製產品

抵達產品頁的後台後，於畫面上方找到列印及動作的按鈕位置，點選動作 按鈕後，往下點選 複製按鈕。


3 : 輸入產品名稱

於畫面輸入產品名稱，並點選左上角的儲存。
儲存完成後 點選 前往網站 ，即可返回產品頁面。

 

B : 設定產品圖片及產品描述


1 : 設定產品圖片

進入編輯模式後，點選圖片可透過右邊的更換按鈕來選擇圖片，此產品圖會同部顯示於列表頁及內頁。

 

如果您想更進一步了解如何新增多張產品圖， 請前往參閱  新增多張產品圖 的文件。


2 : 設定產品描述

產品名稱下方所標示的紫框區域填入產品的簡短描述。


3 : 共用說明

上方藍框區域為共用說明，若進行修改將同步調整所有產品頁面。 

* 此區域適合放入每個產品都需要出現的資訊，如 : 認證、客製化資訊等。

C : 設定產品詳細介紹 

產品建立方式1 

透過新增建立 

若您是透過新增產品來建立頁面，完成上述A~C步驟後，往下捲動來到下方的介紹區域時，將是空白、可完全自行規劃的介紹區域，您可透過右側工作區提供的區塊快速建立內容。

產品建立方式2

透過複製建立 

若您是透過複製產品來建立頁面，完成上述步驟後，下方顯示的資訊將是與您複製來源一致的說明文字，您可透過編輯文字及更換圖片的方式來更新介紹內容。


若您想要使用更多區塊，或是有順序調整、刪除區塊的需求， 請參閱  如何新增/複製/移動/刪除介紹區塊    的詳細說明。
若您於更換圖片及文字的過程中，有更多的內容及設定上的需求， 請參閱  透過斜線工具快速插入文字、圖片及基本元件   的詳細說明。


如在編輯過程中，發現拖曳造成畫面跑版，或是畫面已不符合欲編輯的方向，請點選右上角的[取消]鈕。
使畫面正常還原後，再重新進入編輯模式，更動欲調整的細節。

D : 產品共用內容

頁面最下方為產品共用區，於此處做出的調整，將會影響每一個產品頁面的顯示。 

在設計階段時，設計師會根據您的產業需求為您規劃擺放於全站產品下方的共用內容；若您需要調整，僅須注意此區的內容將造成全站產品的同步更新。