【小程序商城】基礎(chǔ)功能模塊教程

一、功能介紹

搭建小程序商城的模塊分為基礎(chǔ)、產(chǎn)品、營銷、互動、高級五大類，本文要講的就是基礎(chǔ)模塊設(shè)置。

基礎(chǔ)模塊共有文本、按鈕、圖片、自由容器、多圖文、魔方導(dǎo)航、滾動公告七種。

二、設(shè)置教程

1. 文本

文本模塊，可自由設(shè)置文本的字號、顏色、樣式等，此外，還可給文本設(shè)置跳轉(zhuǎn)鏈接，跳轉(zhuǎn)至視頻號直播間等。

2. 按鈕

按鈕模塊，可自由設(shè)置按鈕的樣式、按鈕文本、文本字號/顏色、按鈕顏色、寬高等，多放在自由容器內(nèi)。此外，還可給按鈕設(shè)置跳轉(zhuǎn)鏈接，例如跳轉(zhuǎn)至外部鏈接等。

3. 圖片

圖片模塊，可插入圖片，并設(shè)置圖片的寬高，支持在圖片上設(shè)置跳轉(zhuǎn)鏈接以及是否點擊查看大圖。多用在自由容器中，與文本、按鈕一起使用。

4. 自由容器

支持在自由容器模塊內(nèi)加入其它模塊，例如圖片、按鈕、文本等，自定義設(shè)計商城模塊，使商城頁面更美觀實用。自由容器支持設(shè)置填充背景。

5. 多圖文模塊

多圖文模塊多用于搭建商城頂部橫幅，可設(shè)置圖片的展示樣式，輪播展示圖片。同樣，支持給圖片設(shè)置跳轉(zhuǎn)鏈接。

（圖片優(yōu)先尺寸：750*360px）

6. 魔方導(dǎo)航

“魔方導(dǎo)航”是一款比較好用的頁面導(dǎo)航，像美團、微店等應(yīng)用小程序都有使用，可以嘗試一下哦，而且其編輯并不復(fù)雜，先選擇導(dǎo)航的樣式，然后按照商品分類勾選需要顯示的項目以及對各項目進行排序，就可以啦。

7. 滾動公告

滾動公告模塊，可自由設(shè)置多條公告內(nèi)容，并支持自定義公告樣式、圖標(biāo)文案、公告內(nèi)容等，借助滾動展示商家運營信息，可讓進入頁面的商城買家及時了解商城的活動、通知等內(nèi)容，不錯過重要的運營信息。

使用滾動公告模塊，增加運營內(nèi)容曝光，提高用戶點擊轉(zhuǎn)化率。

① 支持對公告內(nèi)容設(shè)置超鏈接

② 公告圖標(biāo)不可隱藏

③ 最多可添加20條內(nèi)容滾動播放，每條公告最多20個字

④ 可自定義設(shè)置滾動方向

⑤ 支持修改滾動公告背景樣式，可以選擇顏色填充或上傳圖片，公告內(nèi)容支持自定義文字顏色