如何實(shí)現(xiàn)小程序頂部導(dǎo)航沉浸式通欄

{{item.summary}}
一、功能簡(jiǎn)介
1、支持沉浸式通欄設(shè)計(jì),幫助商家提高店鋪視覺(jué)觀感,向消費(fèi)者提供有質(zhì)感的店鋪效果。
2、支持單個(gè)微頁(yè)面獨(dú)立配置頂部導(dǎo)航不同的效果,滿足商家不同場(chǎng)景下的不同訴求。
3、支持頂部導(dǎo)航配置圖片展示能力,可配置品牌 logo。
注:僅小程序可用,且需要更新到V2.86版本,H5環(huán)境不可用
二、適用店鋪
有贊微商城,教育單校區(qū)
三、使用場(chǎng)景
韓都衣舍是一家主打韓流服飾,面向年輕女孩的服裝品牌,因此在店鋪整體裝修風(fēng)格上以粉色為主,很多微頁(yè)面的搭建和宣傳海報(bào)的制作也會(huì)以自己的風(fēng)格色進(jìn)行搭配,希望能更好的向消費(fèi)者傳遞品牌形象和制品。
小程序店鋪由于頂部導(dǎo)航一直由微信管控,因此只有白色的兼容色,比較單調(diào)乏味,商家希望自己的店鋪主頁(yè)能更加美觀和有沖擊力,于是他打開(kāi)店鋪主頁(yè)裝修的頂部導(dǎo)航配置,將風(fēng)格改為「沉浸式」,并添加了一個(gè)圖片廣告組件,這樣店鋪主頁(yè)的頂部導(dǎo)航就有了通欄效果,消費(fèi)者打開(kāi)店鋪第一眼看到的就是撐滿頁(yè)面頭部的輪播圖,非常有質(zhì)感和吸人眼球。
四、注意事項(xiàng)
1、暫不支持連鎖店鋪,以及開(kāi)啟了“多網(wǎng)點(diǎn)”的有贊微商城(原微商城單店)
2、新建微頁(yè)面時(shí),會(huì)默認(rèn)選中“頂部導(dǎo)航”,如需修改微頁(yè)面標(biāo)題或者描述,可點(diǎn)擊“頁(yè)面設(shè)置”后進(jìn)行修改。
2、店鋪內(nèi)之前已經(jīng)創(chuàng)建好的微頁(yè)面,默認(rèn)選中“跟隨店鋪導(dǎo)航”。
五、功能介紹
1、自定義風(fēng)格分為「標(biāo)準(zhǔn)、沉浸式」,選擇“標(biāo)準(zhǔn)”時(shí)展示純色背景,可修改背景色,選擇“沉浸式”時(shí)頂部導(dǎo)航會(huì)變透明,并將頁(yè)面中的第一個(gè)組件展示在最上面,建議將圖片作為微頁(yè)面的第一個(gè)組件。
2、當(dāng)選中沉浸式后,上滑前和上滑后的效果如下圖所示
3、標(biāo)題設(shè)置支持文字和圖片,當(dāng)選中文字時(shí),會(huì)讀取微頁(yè)面的標(biāo)題,選中圖片后支持上傳圖片,建議圖片尺寸為224*88像素的PNG圖片。也可以設(shè)置居中或者居左。
4、標(biāo)題、搜索、快捷入口三種類型的內(nèi)容,支持同時(shí)開(kāi)啟任意兩個(gè)。
5、當(dāng)風(fēng)格選擇為“標(biāo)準(zhǔn)”時(shí),快捷入口只需要上傳一個(gè)圖標(biāo),但是當(dāng)風(fēng)格選擇為“沉浸式”時(shí),快捷入口需要上傳兩個(gè)圖標(biāo),分別是頁(yè)面上滑前和上滑后的。
6、當(dāng)風(fēng)格選擇為“沉浸式”時(shí),支持將顏色類型改為“高斯模糊”,會(huì)有毛玻璃的效果。
推薦經(jīng)營(yíng)方案



{{item.description}}