如何編輯網店首頁
網店首頁通常為顧客對您整體產品的第一印象,一個好的首頁不僅加強您的品牌形象,更會增加顧客對您商品的信任度。
幻燈片能將您欲呈現的商品圖片、活動資訊( 圖片形式 )以顯眼的方式呈現於首頁。
前往「官**網設定**」**>**「**客製化佈景主題**」> 開啟「Slider」選單進行設定。
![](https://storage.crisp.chat/users/helpdesk/website/e5b577b171b46800/a5438f98-92ba-4bfd-af97-49ffcb_102woyx.png)
「Auto-rotate slides」 :自動更換圖片。
「Show dot indicators」 :顯示Slider下的小點 (使用者以點選方式滑至下一頁)
「 Rotation interval」:圖片更換時間間隔。
「Transition effect」:圖片更換時呈現效果。
「Slider text」:圖片字體大小與顏色
「Overlay color」:圖片會有一層濾鏡
「Overlay transparency」:濾鏡的清晰度
「Button color」:按鈕顏色
「Button text color」:按鈕裡字體的顏色
「**銷售管道」> 品牌官網 > 「所有分頁」> 進入「首頁」編輯頁面。**
![](https://storage.crisp.chat/users/helpdesk/website/763c99747463f800/8ef29dec-dad1-4f7e-a7e9-391ac1_1mq24en.png)
2.透過編輯處來編排圖片、文字等。
![](https://storage.crisp.chat/users/helpdesk/website/570390244c9e1800/3775eea7-89ac-447d-b05f-1a5bbb_xbq7h7.png)
3.回到 「佈景主題設定」> 「Layout」> 由上至下透過「6-7個欄位」為首頁排版。
![](https://storage.crisp.chat/users/helpdesk/website/babade5d99d8c000/02c437f8-eaf6-4761-ae07-de4f5f_1h5nwfj.png)
「Featured products」:設置顯示在首頁的產品(只能20項)
「Page content」:首頁描述顯示處
「Video section」:放上youtube 影片
「Blog post」: 展示部落格 (僅有CANDY 主題)
「Promotion banner」:公告欄
「Testimonial slider」:展示顧客好評區
「None」:將不顯示任何內容📍小提醒:若兩個欄位有重複選項,將會顯式同樣內容喔!!
1. 前往「**佈景主題**」**>**「**佈景主題設定**」> 開啟「Footer」選單進行設定。
![](https://storage.crisp.chat/users/helpdesk/website/eb1ee6603c13380/12371270-a9dd-4c4e-a80e-462d40_1u33uvr.png)
「Social icon/ text」:更換icon/文字顏色
2. 填入您欲顯示的社群網站連結(請前往該網站複製網址)3. 若不希望顯示該社群圖示:移除連結即可取消顯示。
![](https://storage.crisp.chat/users/helpdesk/website/4a41a3b8ba896800/5f4a4c4e-cef6-4589-b005-11966b_1u1jgqj.png)
「**網店設定**」 > 「**一般設定**」**>**「 版權聲明」
![](https://storage.crisp.chat/users/helpdesk/website/9cbd782ca4611800/805a8ebd-d9d1-425a-b598-b2c698_q4nmf9.png)
2.更改成您欲顯示的內容,儲存變更即可。
![](https://storage.crisp.chat/users/helpdesk/website/5e56e10b2a55ac00/4f213f7f-eeb3-45ff-90f1-48e19b_sicts8.png)
備註:
您可以同時「快速鏈結」和「關於我們」字樣及「關於我們」欄位中社群連結。
< Before >
![](https://storage.crisp.chat/users/helpdesk/website/ad4fed6bf79a1800/7641054e-ceef-4d50-942d-4fdf85_rc9sfb.png)
< After >
![](https://storage.crisp.chat/users/helpdesk/website/3b9eea90e5485c00/25379277-2cb8-4225-a5ed-2bc35f_1bnze5j.png)
您可以參考以下操作:
前往「佈景主題」>「HTML/CSS」
進入 「config」 >「config/settings_data.json」頁面
更改 "footer_social_enable": "1", 為 "footer_social_enable": "0",
點選儲存。
![](https://storage.crisp.chat/users/helpdesk/website/d2d4adfa3112d800/16471da2-c509-4c38-98e5-b57fc5_qy4zkx.png)
一、更換首頁幻燈片
二、首頁內容編輯
三、社群Icon設置
四、首頁底端文字編輯
一、更換首頁幻燈片
幻燈片能將您欲呈現的商品圖片、活動資訊( 圖片形式 )以顯眼的方式呈現於首頁。
前往「官**網設定**」**>**「**客製化佈景主題**」> 開啟「Slider」選單進行設定。
![](https://storage.crisp.chat/users/helpdesk/website/e5b577b171b46800/a5438f98-92ba-4bfd-af97-49ffcb_102woyx.png)
「Auto-rotate slides」 :自動更換圖片。
「Show dot indicators」 :顯示Slider下的小點 (使用者以點選方式滑至下一頁)
「 Rotation interval」:圖片更換時間間隔。
「Transition effect」:圖片更換時呈現效果。
「Slider text」:圖片字體大小與顏色
「Overlay color」:圖片會有一層濾鏡
「Overlay transparency」:濾鏡的清晰度
「Button color」:按鈕顏色
「Button text color」:按鈕裡字體的顏色
二、首頁內容編輯
「**銷售管道」> 品牌官網 > 「所有分頁」> 進入「首頁」編輯頁面。**
![](https://storage.crisp.chat/users/helpdesk/website/763c99747463f800/8ef29dec-dad1-4f7e-a7e9-391ac1_1mq24en.png)
2.透過編輯處來編排圖片、文字等。
![](https://storage.crisp.chat/users/helpdesk/website/570390244c9e1800/3775eea7-89ac-447d-b05f-1a5bbb_xbq7h7.png)
3.回到 「佈景主題設定」> 「Layout」> 由上至下透過「6-7個欄位」為首頁排版。
![](https://storage.crisp.chat/users/helpdesk/website/babade5d99d8c000/02c437f8-eaf6-4761-ae07-de4f5f_1h5nwfj.png)
「Featured products」:設置顯示在首頁的產品(只能20項)
「Page content」:首頁描述顯示處
「Video section」:放上youtube 影片
「Blog post」: 展示部落格 (僅有CANDY 主題)
「Promotion banner」:公告欄
「Testimonial slider」:展示顧客好評區
「None」:將不顯示任何內容📍小提醒:若兩個欄位有重複選項,將會顯式同樣內容喔!!
三、社群Icon設置
1. 前往「**佈景主題**」**>**「**佈景主題設定**」> 開啟「Footer」選單進行設定。
![](https://storage.crisp.chat/users/helpdesk/website/eb1ee6603c13380/12371270-a9dd-4c4e-a80e-462d40_1u33uvr.png)
「Social icon/ text」:更換icon/文字顏色
2. 填入您欲顯示的社群網站連結(請前往該網站複製網址)3. 若不希望顯示該社群圖示:移除連結即可取消顯示。
![](https://storage.crisp.chat/users/helpdesk/website/4a41a3b8ba896800/5f4a4c4e-cef6-4589-b005-11966b_1u1jgqj.png)
四、首頁底端文字編輯
「**網店設定**」 > 「**一般設定**」**>**「 版權聲明」
![](https://storage.crisp.chat/users/helpdesk/website/9cbd782ca4611800/805a8ebd-d9d1-425a-b598-b2c698_q4nmf9.png)
2.更改成您欲顯示的內容,儲存變更即可。
![](https://storage.crisp.chat/users/helpdesk/website/5e56e10b2a55ac00/4f213f7f-eeb3-45ff-90f1-48e19b_sicts8.png)
備註:
您可以同時「快速鏈結」和「關於我們」字樣及「關於我們」欄位中社群連結。
< Before >
![](https://storage.crisp.chat/users/helpdesk/website/ad4fed6bf79a1800/7641054e-ceef-4d50-942d-4fdf85_rc9sfb.png)
< After >
![](https://storage.crisp.chat/users/helpdesk/website/3b9eea90e5485c00/25379277-2cb8-4225-a5ed-2bc35f_1bnze5j.png)
您可以參考以下操作:
前往「佈景主題」>「HTML/CSS」
進入 「config」 >「config/settings_data.json」頁面
更改 "footer_social_enable": "1", 為 "footer_social_enable": "0",
點選儲存。
![](https://storage.crisp.chat/users/helpdesk/website/d2d4adfa3112d800/16471da2-c509-4c38-98e5-b57fc5_qy4zkx.png)
更新時間: 19/09/2022
感謝!