Skya 版型使用指南

1.CHT_________png.png

banner_copy.jpgSkya 版型新推出,適合潮流運動、戶外用品,品牌風格強烈的店家,SHOPLINE 提供多種客製化主題,可自行設計網站色系與販售商品搭配,營造品牌特色

 

 

skya.png

一、依品牌風格定義主題顏色及主題字型

Skya提供多種自訂顏色項目,能夠更好展現網站特色,吸引顧客瀏覽購買

 

1. 自訂標題頁首、頁尾顏色

版型可使用色碼調整背景顏色,會顯示在頁首、頁尾,讓網站呈現整體一致色系的風格,,配合品牌形象,打造出店鋪的時尚態度

編輯位置:管理後台 > 網店設計 > 設計 > 店面版型 > Skya版型設定

Screen_Shot_2020-08-17_at_3.15.26_PM.png

 

2. 自訂主題顏色、主題文字顏色

自訂主題顏色,會套用至網店的按鈕、會員價標籤等地方,搭配適當色系,風格更加鮮明

編輯位置:管理後台 > 網店設計 > 設計 > 店面版型 > Skya版型設定

 

可使用品牌色或自訂顏色並套用為網站的主題色,請使用 HEX 六位數色碼。(避免使用淺淡的顏色,以提高可讀性)色碼參考:https://htmlcolorcodes.com/

Screen_Shot_2020-08-17_at_3.15.57_PM.png 

主題文字顏色可根據網站的背景顏色、主題顏色,選用黑/白色做為搭配在上面的文字顏色,以便閱讀

Screen_Shot_2020-08-17_at_3.16.43_PM.png

 

 

二、分頁目錄及商品細節頁功能介紹

  • 商品列表頁的排版方式是以3個商品為一組,適合較大的商品圖,強化內容行銷
  • 若想要圖片有整齊的效果,可按照商品圖片的默認尺寸比例 3:4 做設定

Tips: 若需裁剪可在後台進行修改,詳細介紹請看 Faq: 商品圖片編輯器(即將推出)

建議商品圖片尺寸:825px (寬) x 1100px(高)

7._Skya_-_plp.png 

  • 商品明細頁左側為固定,右側搭配可滑動商品資訊,方便顧客瀏覽
  • 商品資訊顯示是以展開式頁籤呈現,以視覺空間感較小的方式呈現商品描述,使顧客更能夠聚焦在圖片本身,建議以簡單清楚的文字描述,使整體畫面乾淨和諧

sky_plp.gif

 

 

三、設定Banner 行銷廣告

在網店的首頁放置滿版 Banner 以達到品牌的衝擊感及推銷的廣告,吸引顧客的購買欲~

1._Skya_-_home.png

如何把 Banner 設為滿版:

編輯位置:管理後台 > 網店設計 > 網店分頁 > 首頁 > 編輯

 使用圖片元件,上傳後可在設定裡勾選「顯示全寬圖片模式」及「關閉上下間距」;也可上傳多張以輪播圖片方式呈現,也可以利用「上傳手機版圖片」的功能去迎合手機用戶的顧客喔~ 圖片元件設定請參考:圖片元件|進階分頁

 請記得使用圖片壓縮工具,讓大圖不會佔用顧客太多網路流量導致網站讀取速度過慢,推薦使用:https://tinypng.com/

  

以上是 Skya 版型的特色介紹,立即試用看看吧!

 

 

 

 

 

還有其他問題?提交請求

評論