“列表””詳情””購物車”購買流程優(yōu)化

一. 詳情頁

1. 改版了頁面的展示邏輯:

詳情新增了產(chǎn)品各種設(shè)置的展示,并將詳情頁按商品規(guī)格展示信息,確保商品信息的展示內(nèi)容準(zhǔn)確.

2. 優(yōu)化了商品的數(shù)據(jù)結(jié)構(gòu),新增了六種活動下的展示

新版本的商城優(yōu)化了商品的活動結(jié)構(gòu),提升了產(chǎn)品的加載速度,改版后,在后臺添加商品活動時,商品只能存在于當(dāng)前的活動狀態(tài),在添加商品至其他活動時,將提示是否將原活動修改為當(dāng)前的活動狀態(tài).

(1) 會員商城/會員折扣

增加對會員商城及會員折扣商品的會員價展示效果,商品價格將根據(jù)當(dāng)前登錄會員的會員等級展示(未登錄的按普通會員計算),會員商城的商品根據(jù)后臺設(shè)置”是否展示全部等級折扣”來顯示全部折扣彈窗.

(2) 批發(fā)

根據(jù)后臺設(shè)置,展示批發(fā)數(shù)量最高價格,點擊批發(fā)信息彈窗后,展示后臺設(shè)置的全部批發(fā)價格.

批發(fā)產(chǎn)品本次優(yōu)化了購買邏輯:后臺設(shè)置”多規(guī)格一起計算批發(fā)數(shù)量”的批發(fā)商品,可直接再加入購物車,在購物車中判斷是否滿足批發(fā)條件

(3) 微團(tuán)購

新增在產(chǎn)品詳情中,根據(jù)后臺設(shè)置展示”未開始””進(jìn)行中””已結(jié)束”的活動狀態(tài),彈窗內(nèi)可展示活動對應(yīng)設(shè)置的信息.

(4) 限時購

正在參與限時購的商品,將根據(jù)活動狀態(tài)展示限時購活動商品,并在限時購彈窗中展示對應(yīng)活動的信息.

(5) 清倉購

商品參與清倉購時,將展示對應(yīng)清倉購活動價格及清倉購標(biāo)簽.

3. 增加了商品優(yōu)惠的展示彈窗

新增加了商品各優(yōu)惠參數(shù)的展示,其中包含:

“手機(jī)下單立減”、”商品限購”、”起售數(shù)量””下單返消費(fèi)積分”、”購買必須使用消費(fèi)積分”

展示優(yōu)惠內(nèi)容

4. 改版了產(chǎn)品屬性的展示規(guī)則

將原在詳情頁直接展示的產(chǎn)品屬性信息及產(chǎn)品品牌,移至了產(chǎn)品屬性彈窗中展示.

5. 優(yōu)化了”評論””推薦搭配””商鋪”’領(lǐng)取優(yōu)惠券’的展示效果和交互體驗

優(yōu)化了產(chǎn)品附加值得展示樣式及優(yōu)惠券領(lǐng)取的操作體驗.

6. 優(yōu)化了”相關(guān)產(chǎn)品”的展示效果,產(chǎn)品價格直接展示商品購買價

將原相關(guān)產(chǎn)品移至了產(chǎn)品詳情下方展示,優(yōu)化了相關(guān)產(chǎn)品的價格展示,直接展示產(chǎn)品購買價.

7. 改版了產(chǎn)品詳情的展示版式

去掉了原本兩種風(fēng)格的產(chǎn)品詳情展示風(fēng)格,將詳情頁直接通欄長頁展示,最大支持”產(chǎn)品詳情””產(chǎn)品參數(shù)””產(chǎn)品溯源”三項自定義詳情,支持通欄切換查看.

將相關(guān)文章,及產(chǎn)品圖冊一同產(chǎn)品詳情通欄展示,可無縫切換展示內(nèi)容.

8. 全新改版了”分享”的功能

取消了原發(fā)送至朋友圈的蒙板展示,如需分享至微信可在微信下直接進(jìn)行分銷.新改版的分享直接復(fù)制鏈接及下載圖片兩種分享方式.其中下載圖片需產(chǎn)品圖標(biāo)保存至手機(jī)分享,

9. 優(yōu)化了底部購買方式的展示邏輯

頁面底部的購買方式支持根據(jù)商品展示”立即購買””加入購物車””活動即將開始”及后臺設(shè)置額度購買方式,根據(jù)商品狀態(tài)準(zhǔn)確展示對應(yīng)的購買操作.

二. 列表頁

1. 優(yōu)化了四種展示下的展示效果

在原列表頁基礎(chǔ)上,優(yōu)化了四種排版下的展示樣式

2. 增加了六種活動價格的展示

新增在列表頁直接展示產(chǎn)品活動價格.其中會員折扣/會員商城將依照瀏覽會員的等級進(jìn)行展示.

3. 優(yōu)化了產(chǎn)品列表的加載打開速度

優(yōu)化了產(chǎn)品的查詢方式,全面提高了產(chǎn)品列表的加載速度.

4. 優(yōu)化了分類篩選的操作體驗

將原頂部的篩選移至了側(cè)邊欄展示.

5. 優(yōu)化了列表頁直接加入購物車的彈窗交互,彈窗內(nèi)新增了:

”必須使用消費(fèi)積分””活動購買價””批發(fā)信息””限購”和”商品最小定量”的展示.

列表頁加購彈窗新增了手機(jī)選號的直接購買彈窗;新增加了表單產(chǎn)品直接在列表頁購買的彈窗操作.

三. 購物車

新版購物車全面改版展示樣式

1. 購物車內(nèi)產(chǎn)品按”自營/每個店鋪”分組進(jìn)行展示

2. 增加了在購物車”每組”及”全部”的全選操作,并對應(yīng)增加了購物車內(nèi)的’管理”操作模式

3. 增加了3種活動在購物車內(nèi)展示樣式

(1) 微團(tuán)購/限時購

參與兩種活動時商品在購物車的展示

(2) 批發(fā)

新增批發(fā)在購物車中”按一組批發(fā)”(累計數(shù)量批發(fā)),和”單個批發(fā)”(單獨(dú)計算數(shù)量批發(fā)),兩種展示方式.

(3) 滿減

4. 增加了購物車”重選規(guī)格”的操作彈窗

支持在購物車切換所選商品規(guī)格,支持單規(guī)格無庫存時提示并重選其他規(guī)格.

5. 新增購物車內(nèi)”失效商品”分組

失效商品包含已加入購物車中,活動結(jié)束后不可購買的商品、下架或刪除的商品、庫存不足的商品.

6. 新增在購物車內(nèi)直接領(lǐng)取優(yōu)惠券,支持展示優(yōu)惠券可用商品,優(yōu)化了購物車中活動展示.

四. 后臺修改

1. 營銷活動

新改版的商城優(yōu)化了”批發(fā)”、”微團(tuán)購”、”限時購”、”清倉購”、”會員商城”、”會員折扣”,六種活動的邏輯結(jié)構(gòu).

商品只能同時存在六種活動中的一種:

當(dāng)設(shè)置”批發(fā)”、”微團(tuán)購”、”限時購”、”清倉購”,時商品會成為對應(yīng)的活動類型;

當(dāng)設(shè)置商品的特殊比例折扣或設(shè)置為會員商城商品時,商品會變?yōu)闀�員商城商品;

當(dāng)商品未設(shè)置活動,設(shè)置了會員等級折扣時,商品結(jié)算按照當(dāng)前等級的對應(yīng)折扣結(jié)算.

當(dāng)在后臺切換添加新的活動類型時,如商品已存在其他活動,系統(tǒng)會進(jìn)行提示,確認(rèn)后將修改商品為對應(yīng)的活動類型.

2. 欄目設(shè)計

(1) 欄目設(shè)計

設(shè)計中新增加了設(shè)置服務(wù)標(biāo)簽是否顯示,開啟后將在列表展示對應(yīng)服務(wù)承諾,標(biāo)簽僅展示一行,超出部分不做顯示.

(2) 欄目展示效果

頁

詳情改版后,去掉了原手機(jī)商品欄目”展示效果”的選擇,改版后將全部采用新版本通欄的詳情頁展示效果.

3. 商城設(shè)置

(1) 浮動購物車按鈕

浮動購物車按鈕全部改版為了新的圖標(biāo),已經(jīng)選擇的將根據(jù)顏色及形狀替換為新版圖標(biāo).

(2) 自定義購買按鈕顏色

自定義購買按鈕增加了”否(不使用)”的,選擇不使用自定義顏色后,將使用色系中的顏色.

新改版的色系針對頁面中的不同元素設(shè)計了不同的配色,此處不選用自定義時將根據(jù)色系展示.

4. 自營標(biāo)簽

改版后,多用戶商城新增加了”自營”的標(biāo)簽文字自定義功能,可在商鋪設(shè)置中設(shè)置.