伊人影院

  • <pre id="gfyap"><nobr id="gfyap"></nobr></pre>
    <strike id="gfyap"><sup id="gfyap"></sup></strike>

  • <strike id="gfyap"><sup id="gfyap"></sup></strike>
    <code id="gfyap"><nobr id="gfyap"><sub id="gfyap"></sub></nobr></code>
  • 免費建站 >> 建站資訊 >>升級日志 >> PC和移動端限時購功能升級
    Pc-資訊-側邊
    更多
    详细内容

    PC和移動端限時購功能升級

    手機、小程序版


    一、后臺版面設置

    1. 開啟限時購功能,設置列表頁樣式,添加時間段,活動倒計時,切換列表版面,更換配置顏色,顯示列表項,新增了商品描述等設置。



    圖片1.png



    圖片2.png



    2. 新增加了時間段的限時購展示模式,按時小時設置,將每日分為多個時間段(最多10個時段)展示限時購,限時購商品按時段可進行購買。



    圖片3.png


    3.根據前面時間段的區間選擇,在添加限時購活動時間時對想展示商品的時間上打勾,即可在對應時間區間展示,例如上方截圖,即可在5點,8點時間段進行購買,其余


    時間段不可購買。


    圖片4.png


    二、欄目頁展示

    1. 分類樣式改版



    1571994166984692.png1571994202469068.png1571994212502752.png



    設立了一級、二級分類側拉頁,以及專門的分類頁,限時購首頁點擊分類,側拉出現大類名稱,點擊任意名稱,跳轉到分類專頁,分類專頁大類能夠左右滑動。


    2 . 時間段 


    圖片8.png圖片9.png


    可選擇兩種板式,一種為小時,一種為天數,小時最多可以設置10個時間選項,最少可設置1個時間選項,超過5個時間項時默認顯示5個時間,以滑動方式查看時間軸;天數分


    為今天,明天,后天展示依據以今天為主。


    3 . 本場倒計時


    圖片10.png1571994257478627.png


    小時下的可以在初始后臺設置本場限時購指定時間,天數倒計時則為今日24小時倒計時。


    4 .  版型樣式


    1571994269549409.png1571994282836899.png1571994292716077.png



    可分為:大圖、列表、櫥窗三種類型。(小時和天數版型相同)



    5. 配色方案



    1571994304263240.png1571994316104365.png1571994328794195.png1571994340430139.png



    提供(abcd)四種色系展示,支持自定義頁面三種元素顏色展示



    7 . 列表項內容


    1571994430371296.png



    三種版型內容一致,此展示內容為大圖。增加了內容顯示,分別為商品描述,商品進度條,商品限量,商品折扣,以及按鈕文字的更改。



    PC版面



    一、后臺頁面設置



    PC端與手機端相比,少了版型的選擇,其次PC端比手機端多了兩個功能,搜索欄與輪播圖,搜索欄比之前增加了隱藏功能,輪播圖可放活動推廣圖片以及在圖片中


    添加鏈接,實現跨頁面快速跳轉,或者將其隱藏。


    圖片20.png


    二、PC限時購頁面


    限時購搜索欄放在輪播圖片的右上方,輪播圖下方為一級類目、二級類目,下方為小時時間段,時間段展示默認5個時間,最少顯示1個時間段,點擊正在進行或即將開始的時間


    段,會展示距活動結束時間或活動即將開始時間的倒計時,已結束不再進行倒計時顯示。最后就是商品列表,同手機端相同展示參數為標題、描述、限購數量、進度條、金額以


    及購買按鈕,除標題、金額、購買按鈕,皆可進行隱藏。本頁面沒有下一頁,向下滑動鼠標齒輪自動進行商品加載。



    圖片21.png


    圖片22.png


    Pc-資訊-通欄
    更多
    伊人影院
  • <pre id="gfyap"><nobr id="gfyap"></nobr></pre>
    <strike id="gfyap"><sup id="gfyap"></sup></strike>

  • <strike id="gfyap"><sup id="gfyap"></sup></strike>
    <code id="gfyap"><nobr id="gfyap"><sub id="gfyap"></sub></nobr></code>