【官網設計】建議圖片尺寸
一、介紹 您也許不知道，您網店中的圖片例如滾輪或商品圖片，其大小會自動根據訪客使用的目尺寸而做出調整。但是我們瞭解在您製作或上傳圖片時，若有可參考的圖片尺寸將會對您有幫助。我們將在這篇文章中與您分享建議使用的圖片尺寸。 二、首頁圖片 以下主要是用於全屏佈景主題首頁中的圖片，建議使用的圖片尺寸如下： 電腦版輪播 slider: 1400 x 700px / 1920 x 1080 手機版輪播 slider: 700 x 800px Image with Text 帶文字的圖片：1200px x 800px Center content 中心內容 (電腦版) : 1400 x 700px Center content 中心內容 (手機版) : 600 x 800px Featured collection 特色商品目錄: 850 x 850px Testimonial瀏覽量高【品牌官網】如何編輯佈景主題（Aroma 與其後發佈之主題）
此文章將講解 Aroma 或其後發佈之主題，如果你想要了解 Candy 或之前發佈之主題，可以移步到此文章： 【品牌官網】如何編輯佈景主題（Candy 或之前發佈之主題） EasyStore 目前可以分為兩類型佈景主題：新版和舊版。新版和舊版佈景主題的設定介面上會有不同，分別為 Aroma 或其後發佈之主題 和 Candy 或之前發佈之主題，簡稱新版主題、舊版主題。 新版主題 舊版主題 (https://storage.crisp.瀏覽量高【品牌官網】導航列設定
導航列設定可以讓你在官網前台新增連結、分頁、商品分類等等的點擊按鈕，並且導向到你設定的頁面，這可以使客戶更清楚的了解到關於網店的相關資訊和內容。 有什麼好處？ 簡易傳遞信息給客戶 客戶可以直接從主頁得到他們想要的資訊 加強商家的聲譽 增加銷售營業額 步驟一：新增導航列 前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 導航列設定 → 新增導航列 (https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/imageudgu瀏覽量高如何編輯網店首頁
網店首頁通常為顧客對您整體產品的第一印象，一個好的首頁不僅加強您的品牌形象，更會增加顧客對您商品的信任度。 一、更換首頁幻燈片 二、首頁內容編輯 三、社群Icon設置 四、首頁底端文字編輯 一、更換首頁幻燈片 幻燈片能將您欲呈現的商品圖片、活動資訊( 圖片形式 )以顯眼的方式呈現於首頁。 前往「官網設定」>「客製化佈景主題」開啟「Slider」選單進行設定。 「Auto-rotate slides」 ：自動更換圖片。 「Show dot indicators」 ：顯示Slider下的小點 (使用者以點選方式滑至下一頁) 「 Rotation interval」：圖片更換時間間隔。 「Transition effect」：圖片更換時呈現效果。 「Sl瀏覽量高【品牌官網】新增與編輯分頁
系統的分頁功能，可以規劃設計各式各樣的版型去自由運用，比如可以用全頁圖片做「新品上市介紹」；或是用文字加圖片做「VIP升級規則」等。 步驟一：新增分頁 前往銷售管道 → 品牌官網 → 官網分頁 → 新增分頁 步驟二：設定分頁內容 選擇分頁範本，若想要空白頁面就選擇範本 1 (https://storage.crisp.chat/users/helpdesk/website/4a13a87009d87400/76de962b-20e5-41f8瀏覽量高【官網設計】商品頁面顯示商品品牌 & 商品標籤
商家可以在商品頁面上，添加商品品牌 & 商品標籤顯示，讓客戶更輕鬆地瀏覽查看該商品的相關資訊，您可以根據以下步驟開始設定。 ⚠️ 注意事項 : 更換佈景主題之後，需重新編輯原始碼。 1. 添加商品品牌 此步驟僅適用於 Candy 或之前發佈之佈景主題（舊版主題） 商家可以將商品品牌顯示在商品名稱上方： 前往 EasyStore 後台 → 商品管理 → 所有商品 → 點擊商品進行編輯 → 商品品牌 → 輸入商品品牌 → 儲存 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼 選擇 product.liquid 檔案 → 尋找瀏覽量高【擴充功能】商品標籤 (Product Label)
商品標籤擴充功能為商品添加自定義標籤。您可以選擇自定的文字標題或現有的圖像作為標籤。使用商品標籤可吸引客戶並向客戶傳遞一個簡短和快速的信息。 設定前： 設定後： 步驟一：安裝Product Label 前往EasyStore後台 擴充功能 搜尋 Product Label 立即安裝擴充。 (https://storage.crisp.chat/users/helpdesk/w瀏覽量高【擴充功能】如何在結帳頁面啟用 Message Box
Message Box 適用於收集顧客為的特別訊息。啟用這個擴充功能後結帳頁面會出現一個額外的消息框，可以讓顧客留言。例如：客制化產品、產品細節、Line ID 等等 步驟一：安裝 Message Box 前往 EasyStore 後台 → 安裝擴充 → 更多 → 搜尋 Message Box → 安裝 Message Box 步驟二：設定 Message Box 選擇 Sentence 或 Paragraph Sentence ：句子，只可以輸入一句文字 Paragraph : 段落，可以輸入長篇文字和段落 點擊 「Add Message Box」瀏覽量中等【品牌官網】如何編輯佈景主題（Candy 或之前發佈之主題）
此文章將講解 Candy 或之前發佈之主題，如果你想要了解 Aroma 或其後發佈之主題，請參考此文章： 【品牌官網】如何編輯佈景主題（Aroma 與其後發佈之主題） EasyStore 目前可以分為兩類型佈景主題：新版和舊版。新版和舊版佈景主題的設定介面上會有不同，分別為 Aroma 或其後發佈之主題 和 Candy 或之前發佈之主題，簡稱新版主題、舊版主題。 新版主題 舊版主題 (https://storage.crisp.c瀏覽量中等【官網設計】如何編輯優惠圖示及划線的原價？
EasyStore為商家設計優惠圖示，當商家設計了新的折扣優惠給特定商品，將自動顯示於商品圖片上，讓您的顧客在瀏覽商店時，能更明確的注意到優惠資訊！ 一、編輯優惠圖示的顏色、字體大小和背景大小 二、去除優惠字樣 三、去除在特色商品及商品分瀏覽量中等【官網設計】在頁尾新增聯繫方式
Candy 或之前發佈之佈景主題 此教學適用於 Candy 、Wave 、X-force 、Fall 、Maker 等等舊版佈景主題 步驟 一：編輯原始碼 你可以到 EasyStore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → Layout → theme.liquid 搜尋 <p class="site-footerlinks"> copyright </p 大約是在176至180行內 然後 上行 添加你的聯繫方式 備註：是指空行 步驟二：點擊儲存，完成！ 前台顯示畫面： (https://st瀏覽量中等【擴充功能】Product Property 商品屬性 - 客製化商品選項
Product Property 擴充功能讓客戶在下單時可以有客製化商品的選擇，商家們可自行定制選項和呈現方式並讓客戶在下單時能夠進一步傳達客製化選擇。通過選項達到完善客戶的購買體驗。 客戶的客製化選擇會顯示在結帳頁面，訂單頁面，裝箱單和收據內。 前台顯示例子： 步驟一：安裝 Product Property 擴充功能 前往EasyStore後台 → 擴充功能 → 更多擴充功能 → 搜尋 Product Property → 安裝 步驟二：設定 Product Property 擴充功能 安裝好之後，進入Product Property 擴充功能 → 點擊 Create 新增 Prop瀏覽量中等【官網設計】如何設定隱形商品
由於上架的商品都會預設出現在系統的「所有商品」頁面當中，因此無法選擇性不顯示特定商品，也無法做到隱形商品或賣場，此篇文章將讓你知道如何達到你的需求。 步驟一：隱藏系統預設的「所有商品」頁 前往後台 → 銷售管道 → 品牌官網 → 導航設定 → 所有商品 → 點擊「編輯」 取消勾選「導航列更新日期」 (https://storage.crisp.chat/users/helpdesk/website/eda4e4289bec9000/a85f8瀏覽量中等【擴充功能】Product Description Tabs（商品描述頁簽）擴充設定
商品描述能夠讓您的客戶更加了解您的商品，無論是規格、理念、運送資訊，抑或者是提供您的客戶在購物前需要了解的資訊，都能在商品描述中提出。 步驟一：安裝 Product Description Tabs 前往 EasyStore 後台 → 安裝擴充 → 更多擴充 → 搜尋「Product Description Tabs」擴充 → 安裝 步驟二：Product Description Tabs 設定 選擇是否顯示頁簽標題為內容 (https://storage.crisp.chat/users/helpdesk/website/b34797d9594d30瀏覽量中等【官網設計】購物車可編輯項目
本文將指導你如何移除加入購物車以及當客戶將產品加到購物車時自動顯示在右側的滑出購物車。本指南僅適用於 Candy、Wave 、Fall、X-Force、Maker 、Lucky主題。 在這篇文章中 ： A. 啟用加入購物車顯示購物車預覽 B. 移除加入購物車後顯示通知 C. 刪除產品頁面上的浮動添加到購物車按鈕 D. 更改購物車字體大小 E. 在購物車上重命名 “運費，稅金和折扣將在結帳時計算” A. 啟用加入購物車後顯示購物車預覽 到 Easystore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → 搜尋 // toggleCart( ); （大約 114 行） → 移除 // (https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image1uzoe瀏覽量中等如何編輯網店字型（Candy 或之前發佈之佈景主題）
您可透過兩種方式設定網店字型 一、佈景主題內建字型更換 二、修改語法更換其他非內建的字型 一、佈景主題內建字型更換 前往：銷售管道》品牌官網》佈景主題》佈景主題設定》一般設定 2.在「主要字體」 或 「標題字體」裡進行更改。 二、修改語法更換其他非內建的字型 步驟 1 ： 字型選擇 建議您使用Google Fonts網站內提供的字型： Google Fonts 網站 選擇您想使用的字型，您可以參考下面的影片來得到原始碼： 先選擇您要的字型，然後點擊 select style 就會出現該字型的原始碼：瀏覽量中等【擴充功能】Product Star Rating 顧客商品評價
消費者在購買一個商品前一般會先去查看商品的評論和評價，商品的評論和評價可以提高顧客對你產品的信心。 步驟一：安裝 Product Star Rating 前往 EasyStore 後台 → 安裝擴充 → 更多 → 搜尋 Product Star Rating → 安裝 Product Star Rating 步驟二：設定 Product Star Rating 啟用顧客評論 (https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/imagekl8r5y.瀏覽量中等Infinite Scrolling 一頁式購物體驗
客戶可以在您的商店首頁以一頁式的形式瀏覽所有商品。 功能介紹 在商品分類現可一頁式瀏覽該分類所有商品，只需向下滑就會自動加載商品。 此功能讓客戶體驗一頁式瀏覽商品和資料，客戶可以更簡單地把感興趣商品加入購物車並進行付款動作。 安裝此擴充將提升： 客戶瀏覽時間效率提高 下單效率提高 用戶體驗感提升 安裝 Infinite Scrolling 步驟 1 ：EasyStore 後台》安裝擴充》更多》搜尋 Infinite Scrolling》安裝 步驟 2 ：選擇您想要的加載方式 Auto load when scroll down: 往下拉時商品會自動加載 Load when click more瀏覽量較少【擴充功能】Instagram Feed 安裝與設置
利用 Instagram 粉絲專頁裡的照片提升網店特色，或是打造品牌故事，將會提升於顧客心中的形象，同時也替本身經營的 Instagram 帳號帶來更多的訪客 步驟一：安裝 Instagram Feed 你可以前往「擴充功能」→ 安裝 「 Instagram Feed 」 步驟二：設定 Instagram Feed 登入你的Instagram帳號 Instagram Feed 擴充設定 （1）Title：標題 （2）Numbe瀏覽量較少添加左側商品目錄列表
您可以在官網網頁上顯示商品分類目錄於左側： 使用左側商品分類目錄的好處包括： 提升用戶體驗 包含更多商品分類鏈接 減短客戶尋找商品的時間 步驟 1 : 前往 EasyStore 後台 銷售管道 品牌官網 編輯原始碼 layout/theme.liquid 步驟 2 : 尋找 (大約第 140 - 160行) 步驟 3 : 將以下代碼貼上。 (可選劃線 或是 不劃線)瀏覽量較少更改商品 '售完' 字樣
每當商品庫存為0時，官網前台便會顯示商品 “售完”。商家可以自行更改商品 “售完” 字樣至 “即將到貨”，“售完補貨中” 等其他字樣。當您設定有 “到貨” 含義的字樣，其實可以更能在您商品到貨/上架前吸引顧客在您官網上注意到該商品。 Candy 與之前發佈之佈景主題 更改商品 '售完' 字樣, 需要編輯以下 3 個檔案 : product-grid-item.liquid product.liquid search-result.liquid ⚠️ 注意 : 在您更改以下編碼時，之後若更換新的佈景主題時，您需要重新編輯原始碼。 步驟 1: 前往EasyStore後台 銷售管道 品牌官網 編輯原始碼 snippets product-grid-item.liquid 步驟 2 : 尋找 'products.product.soldout' t ，更改至您想要替代的字樣 (https://storage.crisp.chat/users/helpdesk/website/b瀏覽量較少【官網設計】調整商品描述欄的位置（新版佈景主題）
新版主題（Aroma 或其後發佈之佈景主題）的商品描述都會呈現在商品頁面右側（Aroma、Marshmallow、Freshbit 除外），若你想要調整商品描述的位置到商品圖片正下方，你可參考此篇文章的方法。 步驟一：編輯原始碼 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 main-product.liquid 文件 搜尋 % appsnippet 'product/descriptiontop' % 剪下以下代碼 把代碼貼到 % appsnippet 'product/descript瀏覽量較少【官網設計】在商品頁面新增 「聯繫我們」按鈕（Contact Form/Contact Form Plus）
此文章將說明如何在商品頁面上，新增「聯繫我們」 的按鈕 （Contact Form/Contact Form Plus） 💡 小提醒 : 你可以根據的喜愛，更改 "Contact Us" 按鈕名稱至其他字 若你不想要點擊按鈕後導向新的頁面，可將 target="blank" 移除 切记需将 Contact Form 或者 Contact Form Plus 的连结，更换至你自己的连结 除了 Contact Form/Contact Form Plus 連結，你也可以自由放入可導向到聯繫你的連結 Candy 或之前發佈之佈景主題（舊版主題） 步驟一：編輯原始碼 前往 EasyStore後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼 → product.liquid → 於大約第 127 行 → 搜尋 AddToCartText 在指定的地方，貼上以下 Contact Form 代碼。 <a id="contactUsBtn" href="https://yourdomain瀏覽量較少【官網設計】如何在商品頁面顯示「商品庫存數量」
此文章將講解如何在商品頁面顯示目前商品的庫存數量，路徑會分為 「Aroma 或其後發佈之佈景主題（新版主題）」和「Candy 或之前發佈之佈景主題（舊版主題）」 Aroma 或其後發佈之佈景主題 此方法適用於 Aroma 或其後發佈之佈景主題主題（新版主題） 步驟一 ： 編輯原始碼 前往編輯原始碼 → 找到 main-product.liquid 文件 → 找到 % appsnippet 'product/button' % → 然後在前面加上 main-product.liquid 文件 → 找到 selectCallback → 在以下截圖位置新增以下代碼瀏覽量較少【官網設計】編輯子導航列選單字體顏色（ Candy 與之前發佈之佈景主題）
此文章指導商家如何在 Candy 與之前發佈之佈景主題更改子導航列的選單字體顏色 步驟 1 : 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼 → assets → timber.scss 步驟 2 : 位於大約2350 - 2400排 → 尋找 .site-navlink → 更換 “colour：000” 至您想要的顏色 💡 小貼士 : 您也可以更換以下設定： font-weight - 字體粗細 normal, bold, bolder, lighter colour - 點擊 這裡 參考顏色代碼 padding size - 填充尺寸瀏覽量較少使用EasyStore作為商品目錄/內容庫網站（不顯示價格）
如果您想建立一個設立費低，容易使用的網站以顯示商品目錄或資訊如公司故事，聯繫方式等，那麼 EasyStore 是您的最佳選擇。以下教學是關於如何隱藏商品價格和購物車功能，以設立一個商品目錄，和有豐富內容的網站。 在這篇文章中： 在網站隱藏“購物車按鈕”和商品價格在首頁 隱藏價格在商品頁面 (”加入購物車“按鈕會自動隱藏) 隱藏主目錄的登入和帳號按鈕 隱藏主目錄購物車按鈕 隱藏主目錄購物車按鈕(Wave, Lucky 或 X-force 佈景主題而已) 隱藏價格在商品搜尋頁面 1.在網站隱藏“購物車按鈕”和商品價格在首頁 1.1 隱藏“購物車按鈕”首先需要在 後台>品牌官網 佈景主題>編輯原始碼 folder snippets/product-grid-item.liquid 大概在 34 行，刪除以下灰色的部分 儲存 (https://storage.crisp.chat/users/helpdesk/website/30f20b14瀏覽量較少如何移除複製與貼上的右鍵功能，避免網店內容遭盜用？
移除您網店前台內容被複製貼上之右鍵功能，您於網店前台之商品及背景圖片、文字內容皆無法被反白選擇及進行複製，避免您用心製作的圖片或是文字內容未經允許被使用，保障您重要的智慧財產權。 此篇文章，將能協助您： 一、移除右鍵複製貼上功能 二、取消 " 移除右鍵複製貼上功能 " 一、移除右鍵複製貼上功能 您可以前往「佈景主題」>「編輯原始碼」點選「layout」中的「theme.liquid」複製以下程式碼於 “ “ 前： $(document).ready(function () $("body").css( "-webkit-touch-callout": "none", "-webkit-user-select": "none", "-khtml-user-select": "none", "-moz-user-select": "none",瀏覽量較少【官網設計】部分商品不顯示價格與購物車按鈕
你可以設定部分商品不顯示價格與購買按鈕的商品於前台。 Candy 或之前發佈之佈景主題 步驟一：移除商品列表的顯示 前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題設定 → 編輯原始碼 → product-grid-item.liquid → 在 <p class="grid-linkmeta" 上方 → 新增 % if product.price 0 % → 之後在 下方新增 % endif % 點擊儲存 步驟二：移除商品頁面的顯示 前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題設定 → 編輯原始碼 → product.liquid → 尋找product-singleprice瀏覽量較少更改網頁上Logo與社交媒體Icon大小
更改網頁上Logo與社交媒體Icon大小 Logo List的Logo大小 頁尾社交媒體Icon大小 頁尾Logo的大小 📣注意：更換主題需要重新編輯原始碼 1. Logo List的Logo大小： Logo List 的調整方法僅適用於 舊版主題（Candy 或之前發佈之佈景主題） 1.1 您可以到：銷售管道》品牌官網》佈景主題》編輯原始碼》theme.scss》尋找 logo-list-item 》更改 150px logo大小至您要的電腦版大小，更改 110px logo大小至您要的手機版大小。 (https://storage.crisp.chat/users/helpdesk/website/abcdb33dc3e30800/d3acf758-1581-46ae-瀏覽量較少新增或更改加入購物車按鈕圖標（Candy 或之前發佈之主題）
⚠️ 注意事項： 此文章說明僅適用於舊版主題（Candy 或之前發佈之主題） 更換佈景主題需要重新編輯原始碼 不同佈景主題會有不同的加入購物車按鈕圖標 部分佈景主題會無加入購物車按鈕圖標 基於安全問題，我們不開放編輯結帳頁面上的加入購物車按鈕圖標 1. 新增加入購物車按鈕圖標 步驟 1 : 前往 EasyStore 後台 銷售管道 品牌官網 編輯原始碼 選擇 product.liquid 檔案。 步驟 2 : 使用WAVE，Candy，X-Froce，Lucky主題： 複製以下代碼 在 'products.product.addtocart' t 的前方貼上代碼。 % include 'svg-definitions' with 'cart-icon' % (https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/imag瀏覽量較少【功能設定】如何編輯郵件範本
步驟一：前往郵件範本編輯頁面 前往 EasyStore 後台 → 設定 → 郵件範本 步驟二：選擇郵件範本進行編輯 點擊“筆狀”按鈕即可編輯郵件範本內容 主要排版 （1）編輯郵件範本的排版設計 （2）選擇是否隱藏郵件裡 EasyStore 浮水印（只有商務版可以選擇隱藏） (https://storage.crisp.chat/users/helpde瀏覽量較少【官網設計】移動商品描述欄的位置（Candy 或之前發佈之佈景主題）
商品描述欄的位置都是根據佈景主題的預設展示的。倘若您是使用以下佈景主題，他們的商品描述欄將會展示在左邊商品圖片的下方。其他的舊版主題就是直接展示在右邊的商品價格下方。 此文章主要是想要使用以下佈景主題但是希望商品描述欄展示在右下方的商家。 Candy X-force Lucky Wave Maker Fall Mine Style Happy Kitchen Dreams Bedding The Summer Adventure Camping Flower & Tea House Prisme Inspiration 移動商品描述至右邊「加入購物車」按鈕下 前往 EasyS瀏覽量較少【官網設計】如何置入 YouTube Shorts 短視頻
此文章將講解如何在官網裡置入 YouTube Shorts 短視頻。 方法 1 ： 安裝 Youtube - shorts block 外掛擴充工具 步驟一：安裝 Youtube - shorts block 外掛擴充工具 點擊 這裡安裝 Youtube - shorts block 外掛擴充工具 步驟二：開啟 YouTube Short 當你已經安裝並開啟 Youtube - shorts block 外掛擴充工具時，進入 YouTube Short 後就會自動變成可置入的連結 (https://storage.crisp.chat/users/h瀏覽量較少【官網設計】新增 Instagram 內嵌程式碼
此方法需要使用電腦登入 Instagram 才可以進行操作 步驟一：以電腦登入 Instagram 帳號 首先登入電腦版 Instagram → 點擊貼文上的“點狀”按鈕 點擊「內嵌」→ 複製內嵌程式碼 步驟二：貼到 EasyStore 程式碼文件 回到 EasyStore 後台 → 佈景主題設定 → 編輯原始碼 → home.liquid → 貼上內嵌程式碼瀏覽量較少【官網設計】如何調整商品頁面裡的商品名稱大小（Aroma 與其後發佈之主題）
此文章將講解如何在 Aroma 與其後發佈之主題裡調整商品頁面裡的商品名稱大小 步驟一：編輯原始碼 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼 找到 main-product.liquid 文件 找到 <h1 class="producttitle"> 更換成 <h1 class="producttitle" style="font-size: 40px;"> (https://storage.crisp.chat/users/helpdesk/website/瀏覽量較少【官網設計】使用 EasyStore 作為商品目錄/內容庫網站（Aroma 或其後發佈之佈景主題）
你可以透過 EasyStore 製作商品目錄/內容庫網站，顯示價格但是不開放「購買」或「加入購物車」按鈕 步驟一：隱藏網站主選單的「購物車」按鈕 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 header.liquid 文件 → 搜尋 headericon--cart → 刪除以下代碼 點擊儲存 官網主選單的「購物車」按鈕被隱藏了 步驟二：隱藏商品頁面的「購物車」按鈕 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 main-product.liquid 文件 → 搜尋 <product-f瀏覽量較少後台圖片自動優化
為了協助商家優化前台網頁瀏覽速度和優化客戶瀏覽官網圖片的用戶體驗，在後台商家所上傳的所有圖片，我們都會將圖片尺寸與格式進行壓縮并轉換為在我們平台上使用最優化版的圖片尺寸與圖片質量。 後台圖片自動優化好處有： 商家所有上傳至我們後台的圖片均已優化為較小的圖片尺寸。這意味著所有商店平均將在圖片加載時間上享受40％的頁面瀏覽加快速度改善。若某些商店在之前上傳非常大的圖片格式，商家將會查看到巨大的網頁瀏覽速度改進。以下是具有較大圖片格式的商店的Google PageSpeed Index的前後對比： 優化之後網頁速度測試： 優化之後網頁速度測試： (https://storage.crisp.chat/users/helpdesk/website/7c78154f67b89000/09985858-98e4-4151-b44瀏覽量較少客製化您的官網商品搜索結果
當商家使用任何佈景主題，所有前台商品搜索頁面的系統默認設定中，顧客需要輸入商品名稱去搜索商品，顧客無法以商品分類，商品品牌，供應商與商品標籤去搜索該商品。例如，當顧客在您前台收搜商品分類的時候，便會呈現無結果如圖： 這篇文章將指導商家如何客製化自定義您顧客可以在您官網前台搜索您商品的方式，以及商品的搜索結果。商家現在可以讓顧客以商品分類，商品品牌，供應商與商品標籤去搜索您的商品。 商家可以在：後台》商品管理》所有商品》編輯商品》找到商品的商品分類，商品品牌，供應商與商品標籤 來看看以下教學吧！ 客製化您的官網商品收搜結果 Candy 或更之前佈景主題，請參考以下步驟： 前往 EasyStore瀏覽量較少更改頁尾「快速鏈結」和「關於我們」字眼 （Candy 或之前發佈之佈景主題）
在您的網頁頁尾您可以看到「快速鏈結」和「關於我們」字樣： 商家可以自行編輯更改「快速鏈結」和「關於我們」字樣，您可以參考以下操作： 前往「佈景主題設定」》編輯原始碼 進入 theme.liquid 頁面 尋找以下： 快速鏈接 'layout.footer.linklisttitle' t 關注我們 'layout.footer.socialtitle' t 之後只把 layout.footer.linklisttitle 或 layout.footer.socialtitle 換成您想要的標題字瀏覽量較少【導航列】如何設定純文字導航列
由於新增導航列都會需要選擇一種類別進行設定，可能你會需要新增純文字導航列為母分類，然後再設定子分類。此文章將教你如何設定不可點擊的純文字的導航列。 Aroma 或其後發佈之佈景主題 此教學適用於 Aroma、Freshbit 、Mels 、Wood 、Essence 、Gizmos 、Kiddy 、Urbn 、Kate、 Pastries 等等新版主題 步驟一：編輯原始碼 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 header.liquid 文件 → 搜尋 href=" link.url " （大約 124 行 和 304 行）瀏覽量較少添加自動播放Youtube視頻在分頁裡
在此文章中： 在內容頁面中添加YouTube視頻 使視頻自動播放 刪除視頻的放大效果（僅適用於X-FORCE主題） 調整視頻部分的尺寸（用於Candy主題） 調整視頻部分的大小（適用於X-FORCE主題） 在開始之前，您需要了解 Autoplay Policy Changes。 1. 在內容頁面中添加YouTube視頻 步驟一：到Easystore後台》銷售管道》品牌官網》所有分頁》選擇自己想要的模版》點擊影片的圖標 步驟二：輸入影片的URL鏈接然後點擊確認即可。 (https://storage.crisp.chat/瀏覽量較少【官網設計】分頁嵌入 Google 地圖
商家可以使用 Google 地圖展示門市地址 步驟一：獲得 Google 地址代碼 首先，你先前往 Google Map ，搜尋你的門市地址後再點擊分享（Share）。 之後，點擊 Embed Map，並複製整個原始碼。 步驟二：嵌入代碼到 EasyStore 後台 前往 EasyStore 後台 → 品牌官網 → 所有分頁 → 新增分頁或是點擊您希望嵌入的的分頁 → 點擊原始碼(Code View) → (https://storage.crisp.chat/users/helpde瀏覽量較少【官網設計】在網站頁尾加入支付標誌
步驟一：上傳圖片 你需要準備好支付徽標（金流商）的圖像鏈接。如果你只有圖像文件但還沒有鏈接，你可以將徽標圖像上傳到 EasyStore 存儲並獲取鏈接 前往 Easystore後台 → 銷售管道 → 品牌官網 → 所有分頁 → 新增分頁 → 選擇空白模版 → 點擊上傳圖片按鈕 點擊上傳圖片。 上傳了圖片後，你可以前往後台 → 功能設定 → 文件 → 複製圖片鏈接 步驟瀏覽量較少刪除商品下方的社交媒體分享按鈕
一、社交媒體分享 社交媒體分享按鈕其實可以幫助商家去增加並促進與客戶之間的關係。並且還可以藉此把商品發布到更多的渠道讓大眾看到您的品牌從而產生興趣瀏覽您的官網。 請參考以下列子： 還未關閉之前 關閉之後： 如果您的平台不需要這額外的分享按鈕，您可以通過編輯原始碼去隱藏它們。 如何操作： 到銷售管道 品牌官網 佈景主題 編輯原始碼 找到Config settingsdata.json 【這個文件夾點開】搜尋 'socialsharingproducts' 把 "1" --"0"瀏覽量較少使用 EasyStore 作為商品目錄/內容庫網站 （顯示價格但不開放購買按鈕）（Candy 或之前發佈之佈景主題）
您可以使用EasyStore作為商品目錄/內容庫網站，顯示價格但是不開放加入購物車按鍵。您可以根據我以下的步驟完成： （適用於 Candy 或之前發佈之佈景主題） 在這篇文章中： 在網站隱藏“購物車按鈕”和顯示商品價格在首頁 隱藏主目錄購物車按鈕 隱藏主目錄購物車按鈕(Wave, Lucky 或 X-force 佈景主題而已) 隱藏商品頁面的加入購物車按鈕 隱藏商品頁面的商品數量選擇按鈕 隱藏立即購買按鈕在商品頁面 1. 在網站隱藏“購物車按鈕”和顯示商品價格在首頁 1.1 隱藏“購物車按鈕”首先需要在 後台>銷售管道>品牌官網 佈景主題>編輯原始碼 folder snippets/product-grid-item.liquid 大概在 34 行，刪除以下灰色的部分 儲存 1.2 接瀏覽量較少【官網設計】如何在商品頁面顯示「商品編號SKU」？
需確保商品有輸入商品編號 SKU。 Aroma 或更新發佈之佈景主題（新版主題） 步驟一：編輯原始碼 前往 EasyStore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → main-product.liquid 文件 搜尋 % appsnippet 'product/button' % → 於上方加入 <div id="product-sku-display" class="h6"></div> 在 main-product.liquid 文件瀏覽量較少【擴充功能】如何新增「商品圖片浮水印」？
為圖片附上浮水印可以保護你的照片不會被其他人偷用 步驟一：安裝 Image Watermark 前往 EasyStore 後台 → 安裝擴充 → 更多 → 搜尋 Image Watermark → 安裝 Image Watermark 步驟二：設定 Image Watermark EasyStore 後台 → 擴充功能 → Image Watermark → 設定浮水印功能 （1）Watermark Text：編輯浮水印上的文字 （2）Text Size：編輯浮水印上文字的大小 （3）Text Frame Width：文字寬度 （4瀏覽量較少如何新增 Slider 輪播圖片 (Candy - Fall)
這篇文章裡將教導商家如何透過編輯原始碼去自行設定新增 slider 的頁面。 Step 1 首先呢，您可以前往》後台》品牌官網》佈景主題》編輯原始碼 在 settingsschema.json 尋找 Slider content 拉下尋找 slide 6 /最後一個slide 複製以下編碼 & 更改所有數字 6 to 7 若想要更多Slide 可以重複以上步驟 然後儲存。 Step 2 在 settingsdata.json 尋找slide6 highlight 所有 slide6 編碼如圖下 複製 & 更改數字為 6 to 7 或更多 然後儲存。瀏覽量較少【佈景主題】如何設定輪播圖片自動輪播（Aroma、Marshmallow、Freshbit 佈景主題）
步驟一：埋入原始碼 前往佈景主題 → 編輯原始碼 → slider.liquid 文件 複製以下代碼 → 埋到 pagination: true, 下方 autoplay: true,interval: 4000,type: 'loop' *(4000 代表4秒） 步驟二：點擊儲存，完成！瀏覽量較少【官網設計】啟用精選商品推薦
您腦中是否浮現過這樣的想法- 如何向訪問我的在品牌官網的客戶推薦其他的商品？ 現在通過Easystore商品推薦功能，讓推薦商品變得如此簡單，並提供了個性化的購物體驗。讓我們來了解商品推薦功能如何使您的品牌官網受益吧。 步驟一：前往商品管理 前往 EasyStore 後台 → 商品管理 步驟二：啟用精選商品推薦 開啟「更多操作」選單 → 選擇「商品設定」 你可更改精瀏覽量較少更改列中顯示商品的數量（舊版主題 - Candy 或之前發佈之主題）
1.介紹 不同的顯示數量會給您的商店帶來不同的感覺。如果您希望您的商店不那麼雜亂，或者您想展示更多種類的產品，您現在可以決定在您的商店中每列能展示多少商品。此教學僅支援舊版主題 - Candy 或之前發佈之主題。 好處： 自定義每列商品數量，以創建適合您商店方向的外觀。 擁有一個更有組織和整潔的商店 2.首頁上每列商品顯示數量 步驟 1：到 EasyStore控制面板 銷售管道 品牌官網 編輯原始碼 找到product-grid-item.liquid 步驟 2：在頂部插入 % comment % ，在底部插入 % endcomment % ，如下圖所示： (https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/imagemcuwz瀏覽量較少更換查看購物車 & 繼續購物按鈕顏色
商家們可以客製化 “查看購物車” & “繼續購物” 按鈕顏色，以下是按鈕前台顯示： 在開始之前，您需要選擇想要更改的顏色，並獲得該顏色的顏色代碼，請點擊這裡獲取。之後，您可以前往：EasyStore後台 銷售管道 品牌官網 佈景主題 編輯原始碼 選擇 assets/timber.scss 檔案。 ⚠️ 注意 : 更換佈景主題之後，需要重新編輯原始碼。 更換查看購物車按鈕顏色 您可以前往：EasyStore後台 銷售管道 品牌官網 佈景主題 編輯原始碼 選擇 timber.scss 檔案 在大約第 195 排 尋找 $successGreen 更換旁邊的顏色代碼至您想要的顏色代碼。 (https://storage.crisp.chat/users/helpdesk/website/b3瀏覽量較少更改「瀏覽規格」按鈕文字
您可以更改商品列表中「瀏覽規格」按鈕文字至其他的字，例如：查看規格、選擇規格等等。 您需要根據以下步驟操作： 步驟 1 : 前往銷售管道 品牌官網 佈景主題 編輯原始碼 尋找 product-grid-item.liquid 檔案。 步驟 2 : 在大約第70行 尋找 'products.product.viewoption' t 。 同時，在大約第100行 尋找 'products.product.viewoption' |瀏覽量較少【短連結結帳】不同銷售管道的結帳頁面（品牌官網 VS 短連結）
商家在啓用了各種銷售管道后，結帳頁面會依照網店設定將客人導向品牌官網進行結帳或在短鏈接結帳頁面。商家們可以瞭解網店在什麽設定下會導向哪種結帳頁面。 1. 品牌官網結帳頁面 V.S. 短鏈結結帳頁面 通過網店設定狀態的不同，客人在結帳時將會出現兩種結帳頁面的導向 短連結結賬與一般有開啟品牌官網結賬頁面的分別如下： 短連結沒有回到購物車按鈕 短連結沒有登入按鈕 短連結沒有服務條款，隱私條款，退款政策 2. 不同情境下的結帳頁面導向 (https://storage.crisp.chat/users/h瀏覽量較少【官網設計】如何設定隱形商品 + 推薦分潤
由於上架的商品都會預設出現在系統的「所有商品」頁面當中，因此無法選擇性不顯示特定商品，也無法做到隱形商品或賣場，此篇文章將讓你知道如何達到你的需求。 步驟一：隱藏系統預設的「所有商品」頁 前往後台 → 銷售管道 → 品牌官網 → 導航設定 → 所有商品 → 點擊「編輯」 取消勾選「導航列更新日期」 (https://storage.crisp.chat/users/helpdesk/website/eda4e4289bec9000/a85f8981-7瀏覽量較少【官網設計】如何調整 Messenger 按鈕位置
若你有使用 Messenger 按鈕銷售管道 功能，你可能會遇到需要調整 Messenger 按鈕位置的情況，這篇文章將教導大家如何調整按鈕位置。 新版主題（Aroma 或其後發佈之佈景主題） 步驟一：編輯原始碼 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 base.css 文件 複製以下代碼 .fbdialogcontent iframe:first-child bottom: 65px !important; 粘貼到 base.css 文件的最下方 步驟二：點擊儲存，完成！ 小提醒： 你可根據你的需求調整代碼裡 105px 的數字來調整你要的高度，數字越大表示調得更高 舊版主題（瀏覽量較少更改商品規格邊框顏色
商家可以客製化商品頁面上的商品規格邊框顏色，繼續查看教學了解如何更改商品規格的邊框顏色吧！ 商品規格前台顯示： 更改商品規格邊框顏色 前往EasyStore後台 銷售管道 品牌官網 佈景主題設定。 選擇 "Navigation"。 更換並選擇您想要顯示的邊框顏色 確認 儲存。 設定好後可以到前台查看，邊框的顏色已經從 “白色” 更改為 “黑色” 了。瀏覽量較少【官網設計】以範圍顯示商品價格
若商品有設定不同的規格價格，會顯示從 xxxx 金額起，此文章將教導你如何設定價格以範圍顯示。 Candy 或之前發佈之佈景主題 此步驟適用於 Candy、Wave、X-force、Fall、Maker 等等舊版佈景主題 步驟一：編輯原始碼 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → product-grid-item.liquid 文件 → 搜尋 product.pricevaries → 換成以下代碼瀏覽量較少移除商品圖片放大效果（僅適用於舊版主題）
在商品頁面上，當鼠標指向商品圖片時，商品圖片會自動放大，商家可以透過以下步驟移除此商品圖片放大效果。 📣注意：更換主題需要重新編輯原始碼。 步驟 1 : 您可以到：銷售管道 品牌官網 佈景主題 編輯原始碼 templates product.liquid。 步驟 2 : 在大約第24排，尋找 onmousemove="zoomIn(event)" onmouseout="zoomOut()" ，移除以下原始碼。 步驟 3 : 儲存設定并完成。 😉瀏覽量較少【官網設計】如何新增「一鍵置頂」 按鈕（Aroma 與其後發佈之主題）
此文章將講解如何在 Aroma 與其後發佈之主題裡新增 「一鍵置頂」按鈕 步驟一：編輯原始碼 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 編輯原始碼 找到 theme.liquid 文件 複製以下代碼瀏覽量較少如何上傳品牌商標
如何上傳品牌商標 Aroma 或更新佈景主題： 前往佈景主題》頂端主選單》上傳 Logo 至 【網站 Logo】 Candy 或之前佈景主題： 前往佈景主題》網站 Logo 》把 Logo 上傳到 【Logo】欄位即可 前往佈景主題設定》頁尾》把 logo 上傳到頁尾 logo即可 (https://storage.crisp.chat/users/helpdesk/website/2533c36085fa1800/ff463e17-b438-4瀏覽量較少手機網頁分類顯示兩個商品（只限Candy主題）
步驟一：您需要到Easystore後台=>銷售管道=>品牌官網=>編輯原始碼 步驟二：在settingdata.json 尋找 collectionproductslistperrow將數目更改成4. 步驟三：儲存即可。瀏覽量較少【擴充功能】 Smartarget Stories
Smartarget Stories 可以為你的官網創建多個限時動態，並包括帶有音樂的圖像或視頻，就如你在 Instagram、TikTok 和其他社交媒體平台上所看到的限時動態。 步驟一：安裝 Smartarget Stories 擴充功能 前往 EasyStore 後台 → 安裝擴充 → 更多 → 搜尋 Smartarget Stories → 安裝 步瀏覽量較少【擴充功能】Smartarget - Countdown Pop Up
Countdown Pop Up 擴充由 Smartarget 開發。這擴充可以製造緊迫感，吸引顧客並推動更好的參與度和轉換動作。 步驟一：安裝 Countdown Popup 擴充 前往 EasyStore 後台 → 安裝擴充 → 更多 → 搜尋 Countdown Popup → 安裝 Countdown Popup 步驟二：設定 Countdown Popup 按鈕 當你安裝 Countdown Popup 之後，你將會導向 Smartarget 的設定頁面 (https://storage.crisp.chat/users/helpdesk/w瀏覽量較少【擴充功能】Product Filter Pro 進階商品篩選器
為了提升顧客瀏覽網站時的體驗感，我們需確保顧客輕鬆找到他們想要的商品。 步驟一：安裝商品篩選器擴充 前往EasyStore後台 → 安裝擴充 → 更多 → 搜尋 Product Filter Pro 進階商品篩選器 → 立即安裝擴充 步驟二：設定商品篩選條件 成功安裝後，就會看到以下畫面 2. 你可點擊進商品篩選條件，即可編輯名稱 (https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/imagejy3k瀏覽量較少如何編輯X-Force主題影片大小
X-Force 佈景主題首頁會呈現影片，商家可以透過上傳影片至 YouTube，之後再將 YouTube 連結輸入到佈景主題設定內做連接，呈現該影片與前台首頁。商家也可以自行透過編輯原始碼，更改與編輯X-Force主題影片的大小。 默認前台影片顯示： 調整原版大小比例減少50%的前台影片顯示： 設定操作流程： 步驟 1 : EasyStore 後台 銷售管道 品牌官網 佈景主題 編輯原始碼。 步驟 2 : 選瀏覽量較少不自動顯示第二張商品圖
在頁面上，當鼠標指向商品圖片時，會自動顯示第二張商品圖，商家可以透過以下步驟移除自動顯示第二張商品圖功能。 📣注意： 更換主題需要重新編輯原始碼。 步驟 1 : 您可以到：銷售管道 品牌官網 佈景主題 編輯原始碼 snippets product-grid-item.liquid。 步驟 2 : 在大約第70 - 80排，尋找 secondaryimage，移除以下原始碼。 步驟 3 : 儲存設定并完成。 😉瀏覽量較少在商標列表里添加更多商標
商標列表功能僅包括在Candy, Lucky, X-Force, Wave & Maker佈景主題 欲在商標列表（Logo List）里添加更多商標, 您需在以下3個檔案里進行相關編輯：銷售管道 品牌官網 佈景主題 編輯原始碼 config settingsdata.json settingsschema.json logo-list.liquid 1. settingsdata.json 步驟 1: 前往 EasyStore 後台 銷售管道 品牌官網 佈景主題 編輯原始碼 config 步驟 2 : 尋找 "logolist8link": "/collections/all" 之後添加以下編碼 "logolist8link": "/collections/all" 備註: 可以添加至20個或更多瀏覽量較少【官網設計】如何移除官網搜尋欄和搜尋圖標（新版主題）
如何移除官網搜尋欄 如果你使用的新版主題（Aroma 或其後發佈之佈景主題）有搜尋欄，你可以參考這篇文章如何移除官網的搜尋欄。 不是全部新版主題都會有這個搜尋欄，如：Essence、Muse、Scents、Aroma 、Mels 、Freshbit、Marshmallow、Pastries、Brew 等等。 步驟一：編輯原始碼 EasyStore 後台 → 銷售管道 → 品牌官網 → 編輯原始碼 → header.liquid 文件 → 刪除以下代碼 步驟二：點擊儲存，完成 設定效果： (https://storage.crisp.chat/users/helpdesk/websi瀏覽量較少【官網設計】如何在分頁嵌入 Google 地圖（Google Map）
此文章將建議你如何可以在分頁裡嵌入 Google Map。 步驟一：新增分頁 前往銷售管道 → 品牌官網 → 官網分頁 → 新增分頁 選擇「插入表格」，可自行選擇你要的格數 可先輸入地點名稱和地址 步驟二：得到 Google Map 代碼 前往 Google 地圖（Google Map）搜尋你要的地址 點擊「分享」（Share）按鈕 (https://storage.crisp.cha瀏覽量較少【官網設計】關於後台描述 / 內容編輯器
你會在商品管理、分頁、部落格文章看到撰寫或編輯內容的【編輯器】。編輯器可放入不同的文字大小、樣式、圖片、表格，以製作出吸引眼球的內容，展現商店特色。 字型樣式 可調整字體的粗體、斜體或下劃線 可調整字型大小和顏色 段落格式可調整文字成標題瀏覽量較少【官網設計】關於佈景主題設定的顏色對應位置（Aroma 或其後發佈之佈景主題）
若你使用新版主題（Aroma 或其後發佈之佈景主題），你可參考這篇關於佈景主題設定裡顏色設定所對應的位置。此篇文章是以佈景主題 Muse 作為範例。 路徑：EasyStore 後台 → 品牌官網 → 佈景主題設定 → 設定 → 顏色 一般內文顏色 基本會對應在官網的一般文字，不包括主選單和頁尾 這裡會調成紅色作為例子讓你更了解什麼部分會被影響 商品區塊/頁面的標題、商品名稱、售價 (https://stor瀏覽量較少【官網設計】如何調整 Live Chat 按鈕位置
若你有使用訊息功能裡的 Live Chat 功能，你可能會遇到需要調整 Live Chat 按鈕位置的情況，這篇文章將教導大家如何調整按鈕位置。 新版主題（Aroma 或其後發佈之佈景主題） 步驟一：編輯原始碼 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 base.css 文件 複製以下代碼 粘貼到 base.css 文件的最下方 (https://storage.crisp.chat/users/helpdesk/website/b34797d9594d30瀏覽量較少【官網設計】 Smartarget Exit Popup
Smartarget Exit Popup 是由第三方 Smartarget 提供的服務。這功能可以在顧客離開您的網站之前向他們展示特別彈跳視窗，顧客移動滑鼠遊標以關閉網站就會顯示一則訊息。透過退出彈出窗口，您可以設計彈出訊息和號召性用語來吸引用戶並阻止他離開。 步驟一：安裝 Smartarget Exit Popup 擴充 前往 EasyStore 後台 → 安裝擴充 → 更多擴充 → 搜尋 Smartarget Exit Popup → 安裝 步驟二：設置 Smartarget Exit Popup 首先，你可決定彈跳窗是否要有開始和結束時間，若沒有，保瀏覽量較少【官網設計】如何在官網設定 “電郵聯繫” 、“Email Me” 、“mailto” 按鈕
這篇文章主要講解如何在官網設定 “Email Me / 聯繫電郵” 的按鈕 EasyStore 後台 → 銷售管道 → 品牌官網 → 佈景主題 → 佈景主題設定 你可到頁尾 → 關於我們 → 文字 輸入 <a href="mailto:eugene@easystore.co"聯絡電郵 </a> 你可更換 eugene@easystore.co 至你想要顧客聯繫的電郵地址 你可更換 聯絡電郵 至你要的文字作為按鈕文字 顧客點擊按鈕後即會跳轉電子設備裡的電郵軟件並且直接帶入你放入的電郵地址瀏覽量較少【官網設計】關於商品分類頁面排列方式「按字母順序, A - Z」&「按字母順序, Z - A」的邏輯
官網商品分類頁面會有排列方式「按字母順序, A - Z」&「按字母順序, Z - A」的篩選方式，這文章將會講解這一部分的邏輯。 邏輯排序的順序會是從 數字 英文 中文 如果是商品名稱是全中文，系統則會把中文先換成統一碼（Unicode），再根據 U+ 後面的數字進行排序，從小到大 例如 ‘哈’ (U+54C8) ‘角’ (U+89D2) ‘珠’ (U+73E0) ‘雷’ (U+96F7) 🔸注意： 若篩選排列方式「按字母順序, A - Z」後不是根據以上邏輯排序，可檢查商品名稱前是否有空位 排列方式裡的「特色」表示在後台 → 商品管理裡的商品排序 (https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image1un5752.p瀏覽量較少【品牌官網】關於新版佈景主題（Aroma 與其後發佈之主題）的常見問題
此文章將講解新版佈景主題（Aroma 與其後發佈之主題）的一些常見問題。 區塊的額外設定 首頁佈局排版的一些區塊裡，你會看到以下的額外小設定，這些小設定也會在「商品分類頁面」「購物車頁面」裡看到 這裡會以「精選商品目錄」作為講解例子： 「顯示按鈕」指的是「精選商品目錄」區塊以下的「瀏覽更多」按鈕 「顯示次要圖片」指的是鼠標滑到商品圖片時，會顯示第二張圖片 (https://storage.crisp.chat/users/he瀏覽量較少【管網設計】設定已上架商品的販售時間
這篇文章主要講解指定商品分類已經開放販售，到了指定時間自動隱藏指定商品分類對的購物車按鈕並不開放售賣，可是商品仍然顯示在官網；或是指定商品分類在上架商品後先隱藏購物車不開放販售，到了指定時間自動為指定商品分類開放購物車按鈕。 在這篇文章裡： 指定時間後自動為指定商品分類顯示購物車按鈕 指定時間後自動為指定商品分類隱藏購物車按鈕 (https://support.easystore.co/zh-tw/article瀏覽量較少【官網設計】如何在商品頁面新增 “文字和按鈕”
如果你所售賣的商品為不能直接在網路售賣，如售賣酒精類商品，然後需要顧客私下聯繫你，或是你只想在商品頁面新增聯繫按鈕，你可參考這篇文章於商品頁面下置入文字和聯繫按鈕。 此教學僅適用於新版主題（Aroma 或其後發佈之佈景主題） 步驟一：編輯原始碼 前往 EasyStore 後台 → 品牌官網 → 佈景主題 → 編輯原始碼 → 找到 main-product.liquid文件 → 搜尋 <div class="product-formbuttons"> 複製以下代碼瀏覽量較少【官網設計】如何在官網嵌入 Google 預約日曆
預約時間表可協助管理時間空檔，方便客戶、合作夥伴或親友直接在 Google 日曆的個人預約頁面中跟您預約時間。 步驟一：建立 Google 日曆預約時間表 前往 Google 日曆預約時間表 開始使用 → 選擇工作或商業用途 輸入所需資料 於「建立預約頁面」點瀏覽量較少