商城首页  >   电商知识  >   如何使用商城小程序制作的“基础模块”

如何使用商城小程序制作的“基础模块”

  商城中的商品展示离不开图、文、字,可以说这些是制作小程序商城页面的必备元素了,呈现给用户的靠前印象往往决定了用户继续浏览和购物的兴趣,所以做好“基础模块”的设计来优化页面布局是至关重要的。


  1.“基础模块”在哪里找得到?

小程序-基础模块


  进入小程序商城制作页面,点击左侧窗口的“模块”按钮,就能看到啦。


  2.“基础模块”怎么使用?


  “基础模块”部分是一些比较简单的操作,包括文本、图片、按钮、自由容器、多图文、魔方导航这六个项目,其编辑方式较为相似,但也有一些细节上的区别。


  『文本』


  “文本”应该是许多设计工作中常用的元素了,大家也会比较熟悉。文本样式的编辑都是常规操作,包括字号、颜色、对齐等,双击编辑框即可输入相关内容(介绍店铺/商品/有关提示等),而且可以通过文字嵌入链接,实现相应的交互效果。

文本模块


设置链接地址


  『图片』


  点击“图片”,可以选用平台图片库的图片,也可以直接上传图片,图片较多的情况下,建议先创建文件夹帮助分类管理您的图片哦;如果想给图片加点特色效果,还可以点击“编辑图片”,配套的图片设计平台可以为您优化。

图片模块


  『按钮』


  按钮主要是借助链接来实现触发交互的一种设计,就像我们平常点击了“确定”按钮就会跳转到其他页面,让用户在您的小程序商城里自由切换。按钮大小、颜色等也是在右边窗口进行设置哦,添加链接的方法跟前面介绍的操作一样。

按钮模块


  『自由容器』


  这部分主要是让设计者提前留有一定的空间,可随时在自由容器里添加文本、图片、按钮等元素,添加之后的设置方法跟前面所述的一致哦。

自由容器模块


  『多图文』


  这部分设置对于在小程序商城中展示您的商品就很有必要啦!首先编辑这一模块的标题和选择显示出来的效果样式,然后上传商品图片和编辑商品描述(图片和文字描述要足够吸引人哦,这样才能引导用户点进去查看商品详情),附链接的操作就不多赘述啦。

多图文模块


  『魔方导航』


  “魔方导航”是一款比较好用的页面导航,像美团、微店等应用小程序都有使用,可以尝试一下哦,而且其编辑并不复杂,先选择导航的样式,然后按照商品分类勾选需要显示的项目以及对各项目进行排序,就可以啦。

魔方导航


  “基础模块”功能介绍到此,如果大家不知道如何制作商城小程序,可以参考本文哦。