版型編輯(上):主題樣版、素材設定

已更新:11月10日


品牌在消費者心裡留下什麼樣的印象,很大一部分的因素取決於官方網頁的設計風格與瀏覽體驗,官網設計就是品牌的門面,能夠傳遞品牌對質感的要求。Showmore 不僅提供精美的主題模板,讓你一鍵完成品牌官網設置,也提供設計素材,讓您自行客製化官網,滿足消費者對品牌的想像。


本文大綱

一、版型編輯功能簡介

版型編輯提供「主題樣版」、「素材設定」、「頁尾設定」三個選項讓您打造專屬的官網印象。

主題樣版:提供多種精選的素材組合,省去您選擇素材的煩惱。 素材設定:提供10種素材供編輯使用您可挑選喜愛的素材,自行搭配出最符合您風格的主題視覺。 頁尾設定:提供您三種精選套版,可於此處填入網站相關資訊,如關於我們、購物說明、客服資訊等。


由「官網管理」→「總覽」,點擊進入到您欲編輯的官網中,並點擊右上方「版型編輯」,開始編輯您的官網,以下就「素材設定」介紹其詳細用法。



二、素材功能簡介


基本操作規則

新增:於右側頁面點擊欲新增的素材,新增素材會顯示於左側頁面,左側頁面即為官網前台預覽圖。

編輯:點擊左側的素材版面,即可於頁面右下方編輯素材內容、圖案及連結。

移動:於左側頁面直接拖拉素材即可。

刪除:將游標移至左側頁面預覽中的素材上,素材右上方會出現叉叉符號,點擊即可消除。


個別素材功能教學

設計Tips:上傳的圖片中若有文字,「不宜」太小或太多,以確保買家使用手機瀏覽時也能清楚閱讀喔!(實際介面及操作請以系統最新版本為主。) 小提醒:未點選儲存設定便離開網頁,變更的素材不會被儲存。



全版圖片

1. 新增標題 2. 點選方框以上傳圖片

  • 圖片限制:該欄位最多只可上傳1張圖片,若想要有輪播的功能,請選擇主頁橫幅

  • 建議尺寸:最小寬度 1200px,高度不限

  • 支援圖片格式:JPG/PNG/GIF

3. 設定圖片連結

  • 不跳轉:維持單圖形式

  • 連結商品:點擊圖片後連結至設定的指定商品

  • 外部連結:點擊圖片後連結至設定的外部網址

4. 點選「儲存設定」即完成更動。



全版輪播圖

1. 點選新增圖片

2. 點選【選取圖片】上傳圖片(標題、內容非必填)

  • 圖片限制:一次最多可於該處新增5張圖片

  • 建議尺寸:1920*680px (全版面,建議寬度不低於 1440px,寬高比例須一致)

  • 支援圖片格式:JPG/PNG/GIF

3. 設定圖片連結

  • 不跳轉:維持單圖形式

  • 連結商品:點擊圖片後連結至您設定的指定商品

  • 外部連結:點擊圖片後連結至您設定的外部網址

4. 若欲更動圖片位置,點選標題前方的點狀圖形即可拖拉更改。

5. 點選「儲存設定」即完成更動。




系列商品

1. 點選新增商品,出現查詢商品列表後,可選擇已建立之商品,或使用右上方的篩選功能挑選商品。(新增商品前須先至「商品設定」處新增商品)

2. 設定好商品後,點選「儲存設定」即完成更動。




圖文組合

圖文組合分為左右兩個版面,可於左右版面任意新增圖片、計時器或文字素材。

1. 分別設置左右兩欄的素材,可挑選圖片、計時器及文字(詳細操作步驟如下)。

2. 設置完成後點選「儲存設定」即完成更動。


圖片:

1. 點選方框以上傳圖片(標題、內容非必填)

  • 支援圖片格式:JPG/PNG/GIF

  • 圖片建議尺寸:400 x 400

2. 設定圖片連結

  • 不跳轉:維持單圖形式

  • 連結商品:點擊圖片後連結至您設定的指定商品

  • 外部連結:點擊圖片後連結至您設定的外部網址

3. 點選「儲存設定」即完成更動。


計時器:

1. 填寫活動標題(文字內容非必填)

2. 填寫活動結束時間

3. 設定計時器連結

  • 不跳轉:維持計時器形式

  • 連結商品:點擊計時器後連結至您設定的指定商品

  • 外部連結:點擊計時器後連結至您設定的外部網址

4. 選擇計時器樣式。預設有五種樣式可供選擇,您也可以自行設定文字、背景及倒數時間的顏色。

5. 點選「儲存設定」即完成更動。


文字: 1. 於「文字編輯」處輸入文字。

2. 選擇「背景顏色」或「背景圖片」,並點選「儲存設定」即完成更動。