【玩转腾讯云】小白零基础入门微信小程序！【第九课】设置小程序商城首页模板原创

前面几节视频呢，我们讲了这个商品的管理，包括商品的上传和商品的分类这些东西，那么商品上传好以后呢，我们需要开始装修小程序，对吧？呃，装修小程序在这个营销中心里面。有一个DIY装修。好，我们新建一个微页面，那么这里面呢，有呃几十个模板。如果说里面的模板呢，符合大家的需求的话啊，如果说差不多可以用的，就可以直接套用，那我们现在呢，就啊用这个。用模板的形式啊，我们先做简单一点，后面呢，我再教大家怎么去做具体的修改。先点加载模板，然后前往编辑。加载好以后呢，这个模板就是啊，默认就是这个样子对吧，前面上面是个公告，这个是一个轮播图，在下面呢，可能就是一个，呃，其实它是一个导航，但是它做成了这个图片广告的形式。

对不对，下面然后再就是新品上市一些商品，然后热销推荐，然后下面再就是一些商品。啊，那我们。这个这个公告啊，可以改对吧，大家可以在这里随便去修改的，然后这个图片呢，是可以跳转链接。我在这里主要是跟大家说一下啊，怎么跳转到某一个固定的商品，或者说某一类一类商品里面啊，首先我们用这个图，比如说我们想跳转到这个。刚才我之前我们上传那个连衣裙上对吧，这个纯棉连衣裙上，这个连衣裙的商品ID是12580好。那我们这里选择链接。下面有一个商品详情，然后看到没，它这个有个提示的ID就是12580。确定，那么当这个保存了以后呢，用户点这个图的话，就会跳转到那个连衣裙上面去。

好，那我们来看一下。啊，首先要把它设置首页啊。四会首页啊。微信小程序的首页好。现在我们来清除一下缓存。好，那么现在我们刚才这个模板呢，它已经是加载到我们首页了，我们首页现在看着还可以对吧，那么这些商品是系统自动从你的商品列表里面拉过来的。所以它就是自动显示了这么多。那我们点一下这个图。是不是跳转到连衣裙上了，对吧。好，这个是跳转到指定的商品，那我们现在想，呃，另外一个，另外一个图呢，我们想跳转到。这个点一下这个点一下这个轮播图啊，它就可以开始编辑这个轮播图，你点一下这个公告，他就开始编辑公告，这个是一个比较简单的操作逻辑好，那么第二张图呢，我们想它跳转到某一类商品上面去，对吧？那么这里呃有一个分类和一个商品列表，我们一般用商品列表，商品这个点分类的话呢，它就会跳转到这里。

比如说你这个选分类的话啊，你选这个耐克这个分类，那么它就会直接跳转到这个界面来，但是商品列表的话呢，它是不一样的。我们有一个商品列表。然后商品列表。同样的，我们看一下这个耐克的分类是多少，点一下这个商品分类，耐克的分类是604对吧？好，那么商品列表这个。ID就是604。保存一下。这个时候我们来刷新一下，清除一下缓存。我们就点第二张图。看一下是不是。对吧，那么这个就是到了耐克的这个商品的列表里面来了，这里可以最新排序，然后按照价格排序，按照销量排序。

包括他这个可以改变他的这个展现形式，都是可以的。好，那么这个模板的简单的介绍就到这里啊，那下面这个这个女装。就是你是可以去改它的这个链接的，对吧，你想跳转到哪里。加到这个商品列表或者分类呢，都是可以的。还是按照我们刚才的那个操作去去做就可以了。好，那么这个是简单的。DIY。还有一点呢，在。给大家看一下啊，就是下面这四个首页分类购物车和我对吧，那么这个地方呢，也是需要修改的，这个地方的修改在。呃，店铺管理，然后店铺设计有一个标签栏在这里面，这里面都是可以改的，比如说我们把名字改成分类一。对吧，那么它就会这个图标啊。啊，图标和名字都是可以改的，大家根据自己的需求去修改。

嗯，还可以加一个，因为下面这个标签栏最多可以加五个标签。我们再再加一个标签，比如说叫推荐吧。这个是未选，未选择的状态，这个是已选择的状态。也就是说，嗯，你没有选择的时候呢，它是选择这个灰色的，选择了以后，它是选择这个红色的。推荐好，那么这个导航就我们就直接导到首页去吧。找到我的收藏算了。提交。保存一下，那么这个呢，呃，因为推荐一般的在靠左一点对吧，是可以直接用鼠标拖走的，拖中间来保存。好，那我们再来清除缓存看一下。对吧，下面它就有，它就有五个标签了。对不对。

这个都是比较简单的操作啊好，那么这个首页和标签栏的介绍就到这里，我们下节课说一下这个个人中心，就是这个我这个界面是怎么怎么编辑。