9.7 快速瀏覽商品

a. 啟用快速瀏覽商品視窗

若啟用,則能夠使用 AJAX 瀏覽商品資訊。下圖為本站示範。

b. 讓用家在快速瀏覽視窗選擇商品款式

選擇「啟用」可讓用戶於快速預覽視窗顯示商品款式選項,允許用家直接從快速瀏覽視窗中選購指定款式。

 

c. 選擇視窗配置

本站示範的商品快速檢視為橫向佈局,您亦可選縱向佈局。

 

d. 自訂快速瀏覽視窗的闊度

這項設置供商戶設定快速瀏覽視窗的闊度,單位為像素(px)。

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 商務或專業版
難度屬 容易理解
文章編號 #1024

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃

9.6 商品品牌顯示

9.6 商品品牌顯示

Shopbine 可供商戶就網店上所有在銷售的品牌或代理的品牌做好預先規劃所有品牌的功能,包括建立其品牌商標等資料。然後,於上架商品時定義各商品的品牌,即可展示該品牌資訊。

舉個例子,如您在商品品牌上已建立Alice F 這個品牌,在您上架商品十件Alice F 品牌的商品時,只需要選擇它們屬Alice F的商品即可以顯示您在商品屬性內的設定,包括它的品牌商標,而無須於遂個屬於A品牌的商品再手動建立。

 

a. 選擇一項「商品屬性」定義品牌 (Brand)

這些選項可透過「商品管理」>「商品屬性」中新增或修改屬性內容,系統預先開設「品牌」這項屬性以供修改成你的商品品牌。如某項商品於上架時定義了品牌屬性,則可以使用以下有關品牌顥示的設置。

 

單品頁面上的品牌顯示設置

 

b. 啟用以顯示品牌圖像

如已規劃「商品屬性」,每項商品上架時均可選擇它的品牌屬性,啟用此功能即可在單品頁面顯示品牌圖像。

 

c. 選擇品牌圖像顯示位置

設定單品頁面上的品牌圖像顯示位置 (如選擇於側邊欄顯示,須在第10項設置選用單品頁設有側邊欄的佈局) 。

 

d. 自動插入商品選項卡

如商戶在商品上架時已經有定義該商品的品牌屬性,啟用此功能將自動插入介紹相關品牌的「頁面區塊」- 且標題命名為「關於品牌」。提示:每項品牌屬性均可使用不同「頁面區塊」,請前往「頁面區塊」編輯內容並將其略碼複製至指定的屬性項目。

 

若啟用,「關於品牌」的名稱將統一轉為「關於 (品牌名稱)」。

 

本站有關品牌的商品選項卡示範:

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 商務或專業版
難度屬 花點時間
文章編號 #1023

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃

9.5 多屬性商品的屬性偏好

9.5 多屬性商品的屬性偏好

Shopbine 商戶可按出售的商品規格,選擇各項上架的商品類型,其中一項常用的上架商品是「多屬性商品」。

首先,商戶須先了解何謂多屬性商品,如您正打算出售一項商品,而它能提供不同顏色、品牌或尺碼等選擇,其「顏色」、「品牌」以及「尺碼」便是商品的屬性。商品屬性需要先在「商品管理」>「商品屬性」中先預先建立,然後,商戶須先於每個商品內的上架設定定義該商品所擁有的屬性,方能使用以下a-b的設置。

另外,在顧客選擇由單一/多個屬性組成的商品就是一項可供購買的商品款式,例如:「A品牌」的「白色」「中碼」外套便是由3種屬性所組成的一項商品款式。

 

a. 介紹卡上的商品屬性

商戶可以選擇是否需要在單項商品的預覽商品框內列出的已定義的商品屬性,例如:顏色、尺碼、物料等等屬性 (只能選取一項屬性顯示在介紹卡上)。

 

b. 使用商品款式圖片

如啟用,則將商品屬性填充為該商品款式選擇的圖片,而不是商品屬性的圖片。

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 商務或專業版
難度屬 花點時間
文章編號 #1022

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃

9.4 檢視商品格式 (三)

9.4 檢視商品格式 (三)

9.1 檢視商品格式 (一)9.2 檢視商品格式 (二)外,以下a-b的設定將用以改變「所有商品」網店功能頁面的顯示外觀,主要是針對使用側邊欄的樣式。前台位置在 yourdomain.com/shop。

 

a. 選取預覽商品頁面佈局

主要適用於「所有商品」功能頁的頁面佈局,並套用至各商品分類頁面。如需使用含有側邊欄的佈局,請前往「網頁設計與工具」>「頁面小工具」編輯「商品頁面側邊欄」。

 

a-1. 設定側邊欄闊度

您可選擇3種不同的闊度。

 

a-2. 啟用隱藏式側邊欄 (手機裝置)

選擇「啟用」,可以讓用家於使用手機瀏覽時,可以按下選單圖示以打開隱藏式側邊欄。

 

a-3. 啟用隱藏式側邊欄 (平板裝置)

選擇「啟用」,可以讓用家於使用平板電腦瀏覽時,可以按下選單圖示以打開隱藏式側邊欄。

 

a-4 啟用隱藏式側邊欄 (網頁版)

選擇「啟用」,可以讓用家於使用電腦瀏覽時,可以按下選單圖示以打開隱藏式側邊欄。

 

b. 同時使用浮動按鈕打開篩選器

於流動裝置上顯示浮動按鈕以供打開篩選器,需配合選用側邊欄之佈局。

 

網頁標題設定

以下c-e的設定將針對有關商品功能頁面上顯示的網頁標題作出相關的樣式變換。

c. 是否需要顯示網頁標題

您可選擇使用網頁標題字眼,即「所有商品」四字,如要修改此網頁標題,請前往「網頁設計與工具」>「網店頁面」修改該功能頁面的網頁標題名稱。

 

d. 是否需要顯示商品分類選單列

使用商品分類選單列可供用戶更快捷連結到不同商品分類的頁面。商品分類選單將由預設的商品分類自動加載,你可前往「商品管理」>「商品分類」中管理你的商品分類。

如同時停用c項及d項設定,您的商品預覽頁面將會是以下:

如需啟用,您更可於d-1 – d-4項設置相關內容。

 

e. 商品分類選單列排除項目

您可以輸入指定的商品分類,以排除於商品分類選單列上顯示。

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 商務或專業版
難度屬 容易理解
文章編號 #1021

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃

9.3 分類選單

9.3 分類選單

這項分類選單設置助商戶統一控制網頁預製組件的一項「商品類別」的外觀。

「商品類別」是一項會被常用到的工具,可使商品分類以「商品分類」中設定的分類圖片作為連結按鈕呈現於網店內,而您亦可參考本站主頁示範。

以下為您示範兩個不同選單樣式的設計:

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 商務或專業版
難度屬 容易理解
文章編號 #1020

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃

9.2 檢視商品格式 (二)

9.2 檢視商品格式 (二)

9.1 檢視商品格式 (一),以下a-h的設定也是用以改變「所有商品」網店功能頁面的顯示外觀,多為設定每個單頁商品的顯示樣式。前台位置在 yourdomain.com/shop。

a. 使用不規則磚塊式佈局

您可選擇使用不規則磚塊式佈局,可使商品模塊看起來不刻板。

 

b. 不同尺寸的商品格域

在這種情況下,某些商品的顯示闊度將是其他商品的兩倍。建議僅與6欄格域配置使用。

 

b. 滑鼠於預覽商品上停留的顯示樣式

設定當用家使用滑鼠移過或停留預覽商品時的模塊顯示樣式。

 

b-2. 單次點擊進入單品頁 (流動裝置)

如果停用此選項,使用流動裝置的顧客點擊商品後,系統會先提供商品檢視資訊以及加入購物車鍵。顧客第二次點擊時則會進入商品網頁。

 

c. 使用商品模塊框線

您可啟開使在格域中的商品之間新增邊框。

 

d. 使用商品圖片懸浮效果

您可啟開使用家在用滑鼠於預覽商品上停留時,商品圖片會轉動且有拉近效果。

 

懸停內容

承上,選擇商品框內要懸停的內容。

 

e. 顯示售出庫存進度

您可選擇「啟用」以進度條形式顯示商品已出售數量和尚有庫存數量。

 

f. 使用倒數計時器

為即將開售的商品設定倒數計時器

 

g. 預覽頁顯示每項商品分類

您可選擇是否在預覽商品框內顯示該商品所屬的商品分類。

 

h. 預覽頁顯示每項商品品牌

您可選擇是否在預覽商品框內顯示該商品所定義的品牌項目。

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 商務或專業版
難度屬 容易理解
文章編號 #1019

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃

9.1 檢視商品格式 (一)

9.1 檢視商品格式 (一)

以下a-j的設定將用以改變「所有商品」網店功能頁面的顯示外觀。前台位置在 yourdomain.com/shop。

a. 預設每頁顯示商品數量

您希望每頁顯示多少件商品?請輸入數目。

 

b. 允許用家自選每頁顯示商品數

如「啟用」,您的用戶可透過點擊前台預設的數字更改每頁檢視商品數量。

 

b-1. 設定用家可調節的顯示數量

承上,請設定可供用戶改變的每頁商品數量。例如輸入:12,24,36,-1 。其中 -1 代表顯示所有商品。

 

c. 預覽商品模塊樣式

設定商品預覽頁面的商品模塊使用不同的檢視模式。

 

d. 預設顯示欄數

僅適用於選擇以商品圖片顯示。

 

e. 顯示欄數 (流動裝置)

選擇在流動裝置上每列顯示多少商品。

 

f. 商品模塊間距

設置每項商品資料模塊之間的間距,單位為像素(px)。數值愈大,間距愈闊。

 

g. 載入分頁模式

設使用分頁連結、載入更多按鈕、無限捲動的選擇,請由3項模式選取其一。

 

i. 欄數選擇器

是否允許客戶更改每列的欄數。

 

j. 商品欄配置

承上,請設定可供用戶改變在預覽商品頁上顯示的欄。

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 商務或專業版
難度屬 容易理解
文章編號 #1018

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃

9. 購物格式及相關設置

9. 購物格式及相關設置

以下a-j的設定將用以改變「所有商品」網店功能頁面的應用。前台位置在 yourdomain.com/shop。

a. 允許用家以貨號(SKU)搜尋商品

Shopbine 的庫存管理讓商戶可以於每件商品設立貨號(SKU),而啟用這項設定將允許用家以貨號(SKU)快速搜尋商品。

 

b. 提供貨號信息於預覽搜尋結果上

如「啟用」,則會提供該貨號(SKU)信息於預覽搜尋結果上。

本站示範 (設為啟用):

c. 使用商品篩選器+ 功能

若選擇停用,則顯示商品排序器。若啟用,商品篩選器+則取代排序器且含商品排序及價格篩選(預設),但是你亦可透過「頁面小工具」>「商品篩選器+」編輯內容。

 

d. 使用篩選器後只對商品資料更新 [預設啟用]

啟用此AJAX 功能可使用家篩選商品後,實現不重新載入整個網頁下獲得商品資料庫的更新。

 

e. 預覽購物車上允許加減商品

預設為停用;如啟用,用家則可在預覽購物車上修改已加到購物車的商品數量。

 

f. 當商品被加入購物車後的畫面

選擇一種當您的顧客在商品被加入購物車後所見到的畫面。

 

g. ( 如9.f選取「顯示購物車預覽」) 啟用自動隱藏購物車預覽

購物車預覽將在若干秒數後自動隱藏;若停用,則只需在購物車預覽範圍外隨意按一下,購物車預覽亦會隱藏。

 

h. 預覽商品頁只顯示最低價格 (適用於多屬性商品)

多屬性商品允許商戶設置不同款式售賣不同價格,您可以選擇在預覽商品頁顯示該類商品最低價格;若停用,則會顯示商品價格範圍。

 

i. 允許快速購買多屬性商品

若啟用,用家可直接從商品預覽頁中選購商品規格並加到購物車。

 

j. 當購物車並未加入任何商品時的提示內容

商戶可按喜好,自行編輯提示內容,這將在購物車頁面內的商品被清空後顯示。

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 商務或專業版
難度屬 花點時間
文章編號 #1017

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃

8. 品牌系列應用

8. 品牌系列應用

 

a. 隱藏品牌系列

Shopbine 專業版或以上計劃特設品牌系列功能,讓商戶可以編輯及展示品牌專案等一系列功能。
網店的品牌系統位置為 yourdomin.com/portfolio,若要啟動品牌系列,請選擇「停用」隱藏功能。

如您希望隱藏品牌系列功能(包括前台址連結及後台編輯功能),請在這項設定選擇「啟用」隱藏,則無須再理會接下來的設定。

 

b. 選取「品牌系列」專案預覽設計

每個品牌專案之標題與背景排版將按選擇的風格顯示於品牌系列頁面。

 

品牌系列預覽頁格式

以下c-j的設定將用以改變品牌系列預覽頁的格式(位置為 yourdomain.com/portfolio)。

 

c. 使用專案分類連結列

您在「品牌系列」> 「品牌專案分類」所建立的分類,可以專案分類連結選單顯示。如「啟用」這項設定,連結列將顯示於網頁標題下方位置。

 

d. 網頁畫面闊度

您可選擇品牌專案內容框架設為畫面100%闊度的網頁。

 

e. 顯示品牌專案欄數

您可選擇品牌系列頁面每列顯示的品牌專案數目。

 

f. 預覽品牌專案間距

用來設置品牌專案頁上的每個品牌專案項目間距,單位為像素(px)。

 

g. 每頁顯示品牌專案數目

輸入於每頁品牌系列上顯示品牌專案的最大數目。

 

h. 載入分頁模式

設使用分頁連結、載入更多按鈕、無限捲動的選擇,請由3項模式選取其一。

 

i. 品牌專案排序方式

您建立的品牌專案可按發佈日期、標題字元或修改日期排序顯示於品牌系列功能頁上。

 

j. 選擇升序或降序

品牌專案排序可按i的選項,選擇升序或降序排列。

單項品牌專案格式設置

以下k-n的設定將用於控制所有單項品牌專案的格式。

 

k. 顯示上/下一項專案連結

您可選擇是否需要在每篇品牌專案中顯示上一項及下一項的專案連結。

 

l. 顯示相關品牌專案

如「啟用」,可以輪播方式顯示其他品牌專案資訊。

 

m. 網頁標題中的專案標題

專案標題指該單項品牌專案之標題;預覽頁的網頁標題預設為「品牌系列」,你可於「網店頁面」中直接編輯「品牌系列」網頁標題的字眼。

 

n. 變更品牌專案頁頁首

這項設定可統一變換所有品牌專案的頁首,使其專案頁首與網店其他頁面不一樣。而你亦可於個別專案內設定使用不同首頁。

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 限專業版
難度屬 花點時間
文章編號 #1016

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃

7. 最新資訊 (BLOG) 格式

a. 選取「最新資訊」佈局

最新資訊頁面佈局,套用至所有「最新資訊」頁面。如需使用含有側邊欄的佈局,請前往「網頁設計與工具」>「頁面小工具」編輯「預設側邊欄」。

注1:頁面小工具內的預設側邊欄同時適用於網店貢面及最新資訊的文章頁面,如要在各頁面上使用不同的側邊欄,請在指定的頁面內編輯。

注2:與2. 基本版面佈局內的b項不同的是,此佈局限控制最新資訊功能頁(即 yourdomain.com/blog)及其發佈文章之頁面。

 

b. 設定側邊欄闊度

您可選擇3種不同的闊度。

 

c. 最新資訊設計

從6種不同設計中選擇其一。這項選擇將改變已發佈文章於「最新資訊」功能頁面的顯示佈局。

 

d. 顯示欄數

適用於「磚塊式佈局」

 

e. 預覽文章間距

設置「最新資訊」頁面上預覽文章之間的間距,單位為像素(px)。

 

f. 陰影效果

選擇是否需要在「最新資訊」頁面的預覽文章加上陰影效果。

 

 

文章預覽格式細節

g. 文章預覽內容顯示設定

您可以選擇文章預覽內容為預設長度或選擇「自訂摘要」,進一步限制摘要預覽長度。

 

j. 載入分頁模式

設使用分頁連結、載入更多按鈕、無限捲動的選擇,請由3項模式選取其一。

 

單篇文章格式設定

k. 文章封面圖片位置

這項設定用以變更每篇文章的封面圖片位置。

 

l. 變更文章頁首

這項設定可統一變換所有文章頁面的頁首,使其文章頁首與網店其他頁面不一樣。而你亦可於個別文章內設定使用不同首頁。

 

12.2 設定「分享至」社交媒體

選擇是否需要於每篇文章顯示社交媒體分享圖示,請到「12.2 設定「分享至」社交媒體」啟用可分享至的社交平台。

 

o. 顯示上/下一篇文章連結

您可選擇啟用或停用。

 

q. 相關帖文

您可選擇啟用或停用在單個帖文網頁上顯示相關帖文(具相同標籤)。

Shopbine 教學

專業網店設置具多項設置功能,讓您控制站內各項網頁功能、風格、排版、資訊顯示以及連結社交媒體等。
教學 專業網店設置
計劃 商務或專業版
難度屬 容易理解
文章編號 #1015

關於Shopbine

嶄新網店平台配備過百種應用程式插件,無須懂編程,簡化複雜設定,繁體介面助商戶靈活設置網店。無須花額外金錢購買外掛,真正做到內容行銷、品牌推廣、網絡營銷,創業轉型盡在Shopbine。
比較月費計劃