一、了解佈景主題類型

二、開放程式語法編輯

三、相關進階設定

 

一、了解佈景主題類型

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

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

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

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

二、開放程式語法編輯

EasyStore後台有開放程式語法,因此您也可以更加客製化進行編輯:

您可以點選「...」展開選單:

1. 「Upload Theme」:上傳您自行設計的套版。

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

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

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

 

三、相關進階設定

1. 您可以同時將不同套版設計成不同風格

這些編輯都會儲存於後台,即可因應不同需求及時間點使用不同風格之佈景主題

例如:時節性主題設置,情人節主題、聖誕節主題、春節主題、端午節主題等等……

2. 在首頁顯示超過20項商品

 歸類於「商品目錄」中「展示在首頁」的商品即會顯示於首頁,由於系統原始設定在「首頁」所能顯示的商品最多為20項商品,因此您一開始上架商品時,只能看到20項商品在首頁唷!

若您想在首頁增添超過20項商品,您需要進行以下設置:

( 1 ) 前往「網店設定」> 進入「佈景主題」點選右上角「...」展開選單
  
( 2 ) 點選「Edit HTML/CSS」 > 進入「Snippets」中「featured-product.liquid」頁面
 
( 3 ) 下滑至最底部 > 將以下編碼置入最後一行之下

{% if collection.products >= 20%}
<hr class="hr--clear">
<div class="text-center">
 <a class="" href="/collections/all" title="View More Products">View More Products →</a>
</div>
{% endif %}
 

3. 增加slider圖片上限 ( 由4張增至10張 )

( 1  ) 前往「網店設定」> 進入「佈景主題」點選右上角「...」展開選單

( 2 ) 點選「Edit HTML/CSS」 > 進入「Config」中「settings_schema.json」頁面
 
( 3 ) 找到「"label": "Social media"」 (大約740 – 745 行) >  找到上方「 ]

  > 於後方加上「, "number" : 11」 > 點選右上方「儲存」

( 4 ) 再進入「Config」中「settings_data.json」頁面 > 找到「"slide_4_alt": "",
  (約第50行)

於下一行開始添加:

"slide_(number)": "",
"slide_(number)_jpg": "",
"slide_(number)_link": "",
"slide_(number)_alt": "",

number 依序填入 5、6、7、8、9、10  > 點選右上方「儲存」

( 5 ) 找到「snippets 」中「slider.liquid 」頁面 >  找到「{% for i in (1..4) %}
  將 4 改為 10 > 點選儲存後即可完成

您可能會想了解 :
如何編輯「優惠」圖示?


 






Did this answer your question?