商品圖片放大或轉換

 

網店網頁設計・商品列表・商品顯示

 

商家可以利用 eshopland 網店平台的多功能網頁設計工具，設定商品圖片在商品列表的顯示方式，例如當把滑鼠移到商品列表上的圖片時，圖片會放大顯示，或會轉換；甚至可以設定圖片按時自動轉換，以增強網頁的視覺效果。

 

更多有關商品列表的設計方法，可參考《商品列表設計》的介紹。

 

1.    商品列表頁

 

進入主控台 > 設計 > 頁面，

然後點選「商品」列表頁面。

 

 

2.    商品列表設計

 

點選「商品列表設計」，進入商品列表的設計操作頁面。

當您更新並儲存商品列表的設計風格，「所有商品列表」、「所有分類及商品」及「分類商品列表」頁面設計區塊亦會自動套用更新。

 

 

3.    設定「商品圖片」

 

您可以自訂商品圖片在「商品列表」上的顯示方式。

 

 

鼠標效果：放大

當顧客利用滑鼠（mouse）在商品列表上互動，把鼠標（cursor or mouse pointer）移到商品圖片上時，該圖片會稍微放大顯示，以增強互動時的視覺效果。

 

 

鼠標效果：轉換

當顧客把鼠標移到商品圖片上時，商品圖片會轉換為第二幅圖片。

 

商家必須為商品加入最少兩幅圖片，方可展現圖片轉換的效果。

 

 

鼠標效果：自動轉換

全部在「商品列表」上的商品圖片，都會按照設定時間自動轉換。

商品圖片自動輪播轉換功能，只會套用於商品的首兩幅圖片。

商家必須為商品加入最少兩幅圖片，方可展現圖片自動轉換的效果。

自動轉換的設定時間以秒（s – second）為單位。

 

例子：

自動轉換時間設定為「5s」，即表示所有在「商品列表」的圖片，會每 5 秒鐘自動轉換一次；而只有一幅圖片的商品則不會有任何變更顯示。

 

 

4.    套用

 

儲存  設定。