一、了解佈景主題類型

二、如何操作編輯介面

三、開放程式語法編輯

  

一、了解佈景主題類型

您可以在「瀏覽佈景主題」中,自由更換我們所設計的不同套版,

第 1 種至第 7 種 (Mine Style~Prisme) 主題,商品描述設置於商品圖片下  

第8種後(Inspiration~DOUX)主題,商品描述設置於商品圖片右側

📍提醒您,網店描述於右側的編輯欄位大小有限,若您需要將您置入於商品描述的圖片顯示更大,建議您使用「將商品描述擺放在商品圖片下」的佈景主題。
  

二、如何操作編輯介面

您可以前往「佈景主題」> 進入 「 佈景主題設定」頁面即可進行編輯💪

1. 「General」設定基本背景、網店字型

「Heading text 」:字體大小設定:也會影響商品頁面中商品名稱。
「Background repeat 」:選擇背景是否會為了填滿網頁而重覆。
「Background scroll 」:背景為釘選或是滾動型。

2. 「Header」可修改店面 logo

( 1 )  勾選「Customer Logo 」能顯示Logo圖案

( 2 ) 取消勾選「Customer Logo 」則會顯示您的網店名稱。
 
「Logo text font 」:若您選擇顯示網店名稱,您可以編輯字型、字體粗細及大小。


📍提醒您,網店名稱、客製Logo圖示只能擇一顯示唷 !

3. 「Favicon」可修改網頁縮小圖示

建議您將圖檔縮小再上傳,避免圖檔被截切而顯示不完全。

4. 「Top bar」修改登入及購物車文字及背景顏色

5. 「Button」修改網店中選項按鍵

「Button text color」:按鍵文字顏色

「Button background color 」:按鍵底色

6.「Link」網店中含有連結之文字、內建優惠字樣之底色

7.「Navigation」調整網店中分隔線之顏色

8.「Layout」決定網店首頁之排版

Featured product」:分類於「展示在首頁」之商品,即可於首頁展示(至多20項)。

Slider 」:設置幻燈片

 Page content」:顯示文字內容於網店首頁

(提醒您,您需要進入「網店分頁」>「所有分頁」>「首頁」內編輯文字內容)

None  」:取消任何顯示

您可以隨時更動商品圖片、文字簡介、跑馬燈之位置,或是選擇不顯示於首頁。
 
Ex : 於圖片與商品中間加入文字,可以將section進行以下設置

section 1 「Slider」
section 2 「Page content」
section 3 「Featured Products」

9.「Slider」設置圖片於網店首頁之幻燈片

( 1 ) 目前僅能設置一個Slider欄位於您的網店首頁上,且最多展示四張圖片 。
( 2 ) 當您的圖片上傳至Slider後,會依據Slider的預設長、高比例,調整您的圖片至最適當瀏覽的大小,將以您的寬度作為基準,調整高度😊

「Auto-rotate slides」:是否自動更換圖片。

「Show dot indicators」:顯示於幻燈片下側的小點(點擊可更換圖片)。

「rotation interval」:圖片更換間隔時間(秒)。

「Transition effectl」:圖片更換時效果。

「Link」:點選幻燈片中圖片將連至該網址。

「Alt text」:當圖片無法正常顯示時,跑馬燈中會顯示此替換文本。


📍提醒您:

( 1 ) 若有「商品圖片」、「文字內容」、「幻燈片」無法顯示之情形,您需要至「客製化佈景主題」> 點選「Layout」確認是否有設置成該類型之section。
 
( 2 )
「Slider」可以新增四張圖片,並非能夠設置四個幻燈片於同一個網站頁面中。
 

10.「Social media」將您經營的社群網站連結至網店

( 1 ) 可將您的社群網站超連結置入網店底端 「關注我們 」 下之圖示。

( 2 ) 若不希望顯示該社群連結於網店,將所需移除的連結網址刪除即可😊

圖示依序為:Twitter、Facebook、Pinterest、Google+、Instagram、Tumblr、YouTube、Vimeo、Blog
 
備註:
 
若您不需要該欄位,您也可以同時移除「快速鏈結」和「關注我們」欄位,
您可以參考以下方式:
 
( 1  ) 前往「網店設定」> 進入「佈景主題」點選右上角「...」展開選單

( 2 ) 點選「Edit HTML/CSS」 > 進入「Config」中「 settings_data.json」頁面
 
(3 ) 更改 "footer_social_enable": "1","footer_social_enable": "0", 便能一次刪除字樣

再次提醒您,此設定會同時將此兩個欄位中的連結刪除唷!

 
📍成功儲存後,建議您等待 1-2 分鐘後,利用新無痕視窗開啟您的網店檢視是否成功
修改。
  

三、開放程式語法編輯

1.「HTML/CSS」:自行編輯HTML/CSS語法。

提醒您,EasyStore目前未開放語法客製化設置的詢問與教學,請您見諒😥
 

2. 「Upload Theme」:上傳您自行設計的套版。(目前尚未開放此功能 )

提醒您,在上傳之前您可以先參照主題架構

 
 
您可能想了解:
如何編輯網店首頁?
如何編輯網店字型?
如何編輯「優惠」圖示?

Did this answer your question?