商品上架是網路商店的核心之一,meepShop 簡易的商品上架設定功能,還有產品頁版型的設定,讓您能輕鬆完成商品圖片、資訊、分類等細節,並針對大量商品提供了大量上架的服務,上傳後的商品也能夠批次上下架讓您更省時間。讓我們先依以下步驟開始上架商品吧!
因上架商品會套用預設的版型,故上架商品之前請先確認您是否要更換預設版型,更換預設版型方式請參考此篇,
上架商品
確認商品版型無誤後,即可開始上架,請先進入商品 –>點選新增商品
Step1: 輸入商品名稱
Step2: 設定此商品標籤Tag (標籤的設定可方便您在目錄設計中使用Tag搜尋到您分類的商品喔! )
Step3: 輸入商品描述
可在商品細節描述內,打上您商品的內容,亦可使用文字編輯器來設定 Heading 標題 H1-H6的選項,加強SEO喔!
*關於SEO相關設定可參考此篇
Step4: 設定商品基本資訊-售價、成本、庫存、商品編號、廠商編號、最少購買量及最大購買量等…
註:若是有輸入過定價、建議售價,想刪除金額的話,因系統無法儲存空值,故要輸入”0”之後按儲存才會生效。
Step5: 若商品有多規格,請點選規格做編輯
① 設定商品的規格 EX:尺寸-S、M、L / 顏色-白、粉 (按Enter鍵設定規格)
② 設定個規格的商品資訊-售價庫存等…
③ 將狀態開啟上架,前台消費者才能看到此商品規格喔!
④ 以上確認無誤後,點選儲存即可
Tips: 如要設定商品規格顯示對應之圖片,請參考此篇 ,要變更規格順序,請參考此篇
Step 6、7 : 影像區分為「影像1」及「影像2」,
「影像1」之商品圖顯示於商品頁左上方區塊;「影像2」之商品圖顯示於商品頁下方。
上傳商品圖片
① 從電腦中選取圖片上傳
② 上傳圖片至媒體櫃後,勾選您要的商品圖片後按『選取』
③ 若於此處建立圖片標籤,未來可由搜尋方式快速找到圖片資訊
④ 點選圖片小房子可設定為主圖,長按圖片可移動圖片順序
Step8、9 : 「商品文字」、「商品影片」須先於商品內容頁版型內套用「商品文字元件」及「商品影片元件」,若商品上架套用該版型,並於商品上架-商品文字欄位輸入文字,或設定商品影片,則前台商品頁會顯示該商品文字及影片。
您可以點擊更改版型,查看目前套用的版型,會套用您目前預設的商品頁版型喔!
接著可以點擊預覽,到商品頁前台查看頁面喔
如您查看前台頁面想要調整版型的設定,可先至商品頁版型進行調整,詳細設定請參考此篇
商品獨立編輯版型
如商品不想套用商品內容頁的版型,可以針對單一商品進行商品版型的編輯調整,讓我們來操作吧!
Step: 1 請開啟要修改的商品,並點擊「商品版型」
系統會跳出是否確定儲存後前往上品版型編輯頁,請按「確定」
Step 3 : 接著就進入到該商品的商品頁,針對元件進行個別調整。
一、商品內容元件
共有以下13個商品小細節可以做調整
(1) 主圖風格
您可針對該商品進行主圖風格樣式的修改,主圖風格分為 4款風格
[樣式1]
- 主圖尺寸選擇「較小」:建議800px ~ 1000px
- 主圖尺寸選擇「較大」:建議 1000~1600px
[樣式2]
- 主圖尺寸選擇「較小」:建議800px ~ 1000px
- 主圖尺寸選擇「較大」:建議 1000~1600px
[樣式3]
- 主圖尺寸選擇「較小」:建議800px ~ 1000px
- 主圖尺寸選擇「較大」:建議 1000~1600px
[樣式4]
- 此風格適用圖片為橫式比例
- 主圖尺寸選擇「較大」:建議寬度:2000px ~ 3000px
(2) 主圖顯示尺寸
分為「較小」、「較大」兩種比例,可選擇您喜好的主圖大小
(3) 主圖顯示比例
系統會依造您的原始圖片進行縮放, 分為「 正方形1:1 」、「 直式2:3 」、「 橫式4:3 」 三種主圖比例
*手機版固定顯示直式2:3比例
(4) 圖片自動輪播
開啟,圖片會自動輪播
關閉,圖片不會自動輪播,需要手動按下一張圖
(5) 商品細節樣式
商品細節描述的位置分位三種樣板,您可依造您的喜好進行調整
樣式一:商品細節文字在最下方
樣式二:商品細節文字在商品大標下方
樣式三:商品細節文字在中間,再商品大標及售價金額下方
(6) 加入購物車按鈕
關閉購物車按鈕,則商品無法被選購,適用形象官網、或無法在網站上購買之商品屬性
(7) 商品售價
關閉商品售價,適用形象官網、或無法在網站上購買之商品屬性
* tips: 若您需要關閉商品售價,建議加入購物車按鈕也一同關閉
(8) 售價特殊色
開啟售價特殊色,售價會顯示紅色 (紅色為系統預設無法更改)
(9) 商品名稱字級
分為「較小24px」、「適中36px」、「較大48px」 三種大小可供選擇
(10) 商品售價字級
分為「較小20px」、「適中28px」、「較大32px」 、「特大40px」四種大小可供選擇
(11) 規格選擇方式
商品如有多設定規格,分為「按鈕」或下拉的「選單」 來選擇規格
(12) 手機版規格彈窗開關、(13) 彈窗規格選擇方式
彈窗規格又分為「按鈕 」、「選單」兩種呈現方式
若關閉「手機版選擇規格彈窗」功能,則消費者使用手機瀏覽商品,點選下方加入購物車時不會直接彈跳規格彈窗,消費者需滑至商品規格處才能選擇後再按加入購物車。
以上,設定完成儲存後,您可於該商品頁的前台看看是否是您想要頁面樣式喔 !
點擊商品圖片,會進行放大顯示
二、商品照片集
商品照片集元件為帶入商品上架 影像2 的所有圖片,可點擊元件做細項調整
① 元件寬度 : 您可點選「產品照片集」元件設定您商品圖片寬度設定比(僅電腦版適用,此設定不影響手機版呈現大小)
② 圖片排列 : 分為「條列式」 、「網格式」 兩種呈現方式供您做設定
③ 圖片間距:分為「無 」、「小 (8px) 」、「中 (24px)」、 「大(56px)」四個圖片間距大小
確認後右上方儲存即可
三、商品文字 與 商品影片
如您商品有要設定獨立的商品文字與商品影片,則可展開左側的版型元件,拉入商品資料內的「商品文字 元件」、「商品影片 元件」到您商品版型頁想要呈現的位置
確認商品上架,需在介紹-商品文字與商品影片內填入相關的資訊,前台商品頁即會顯示商品文字與影片內容喔,可參考下方圖例
四、新增其他元件:
若想要在商品頁下方,拉入相關商品,可拉入「商品列表」元件,並進行編輯,詳細商品列表編輯說明請參考此篇
如該頁面想要有商品問答,可將商品問答拉入至頁面中,後續商品問答回覆請參考此篇
當您商品頁面編輯完成後請務必記得儲存,儲存後,該頁面版型將會變成「獨立編輯頁」,因此頁面版型和商品內容頁版型不同,
後續,您可按預覽至前台查看頁面顯示的樣式喔!
商品上架影片說明