发布于:2020-02-23 11:02:51 所属于:小程序视频教程
手把手教你《装修小程序之店铺页装修》。观看教程点击以下视频:
注:若无法播放视频可以更换浏览器(建议用谷Chrome浏览器、360浏览器极速模式、火狐浏览器等)不建议用低版本Ie浏览器
电脑版视频教程:
欢迎大家收看由妙铺官方录制的一个关于店铺页装修的教程。大家可以看到关于店铺页装修有以下六个大点。那第一点呢,就是店铺页的结构,那店铺也是固定排版的,他不可以改变这个页面的布局。但是他可以对顶部轮播图片中间部分功能模块。以及底部店铺信息,然后进行一个编辑修改。其中轮播图和功能模块部分他是可以增加或者删除的。那接下来我来详细介绍一下各个功能模块它的一个作用。然后第一个就是轮播图。
我们大家可以看到,然后店铺页装修,第一个轮播图里面它是可以添加图片或者是添加视频的。让我们来添加一个图片。这里有一个设置图片,点击设置图片,还有一个本地上传,或者是选择图片本地上传,点击上传。它是上传你本地的一个图片。那选择图片这里面。那这里面的图片是在您设置文件管理,然后图片管理这里面的一个图片。嗯,大家可以选一个图片啊这个。然后这个图片的显示和隐藏也是可以设置的。显示或者是隐藏。而我们大家来保存一下。之后我们来看一下。
这里这个是我为了大家看得方便,然后把手机和电脑连接起来。然后在这里可以看一下手机的一个预览的效果,我们来刷新一下。然后他这里就会有一张图片。那么大家来看一下这个有个链接到,连接到这里你可以选择不连接或者是连接到微页面,他所有的连接到都可以连接到微页面。然后您还可以选择连接到其他地方,我们来选一个链接到微页面。可以选择连接到哪一个微页面。
然后这个轮播的图片标题可以设一下。因为这个是。然后这个标题就会出现在这里。然后还有图片的排序,图片排序这里呢是序号越大,他排的越是越是靠前。然后我们可以设置一下它的排序。这个设置成一吧。然后图片然后还有一个这个模块的删除,他是可以删除的。然后我们来保存一下。来看一下,这里面要刷新一下。大家可以看到这个是水果。
然后我们再添加一张图片。来连接,然后随便选一个,然后图片标题。而图片排序用这个写一个二。然后这边显示隐藏也可以改变。我们来保存一下。大家可以看到,然后这个图片排序这个是。这个是二,然后所以它是排在前面的,然后这个是一,所以它的它是排在后面的。他们看一下手机上的效果。
大家可以看到这个轮播图,然后就是这样子的。然后除了添加图片呢,它还可以添加一个视频。那添加视频到这里面它会出现一个视频,然后视频需要获取一个视频的vid 那么如何获取视频vid 了啊。里有一个教程,大家可以点击查看教程,然后这里有个获取vid 的教程,然后获取完vid,然后把vid 填到这里面,就可以获取他的一个视频。然后这个视频啊这个排序也可以写一下,和上面呢是一样的。然后视频的显示隐藏和上面也是一样的,可以选择显示或者是隐藏。然后这里面。
那这里面整个模块它是可以删除或者是添加的,可以添加图片,或者是接下来添加视频等,然后还可以删除模块,然后确认。删除。然后他就可以删除一下模块。
那这就是轮播图片。那接下来让我们来看一下欢迎标语。欢迎标语呢,它其实就是一段文字。大家可以看到嗯,这里是欢迎进入妙铺。那如果你想要改变这个文字,直接在这里面输入一下你想要的一种文字就行了。然后比如说。欢迎进入。然后点击保存。然后大家看一下啊这个效果,然后刷新一下。然后这里面就会变成你输入的这个文字。
下一个我们来看一下那个功能模块。那功能模块这里面。这里面可以设置图片,你可以更改它图片的一个设置。然后和刚才是一样的,可以选择本地上传或者是。啊,选择图片。那么大家可以变一下。大家可以看到这个图片它就变成了我设置的这个图片,然后连接到也是可以连接到微页面或者是其他地方。然后还有功能名称,功能名称就是图片下面的这个文字你是可以改变的。
那你随便写一个。然后他文字就会改变。嗯,大家来看一下效果吧。大家嗯一定要保存啊,记得啊你改变之后,然后一定要记得保存,要不然他他的你输入的效果他是不会出现的。我们来刷新一下。大家可以看到这里面已经改变了。
那模块的显示和隐藏,他这个也是可以改变的。大家可以在这里也可以看到。那下面嗯下面同样是跟上面这个是一样的,然后功能排序也适合前面那个一样。嗯,就是它数字越大,他不会排的越靠前。而他模块也可以删除或者是添加。看见这有个添加,然后他会添加一个模块,然后这个添加模块,然后也可以设置图片啊,还有这些都可以,你自己可以设置一下。他同样他可以删除。
他同样可以删除,然后这些也是可以删除的。然后大家来嗯保存来看一下。大家可以看到这里面也就没有了。然后这个是功能模块,功能模块,如果是不想要,你就可以把它全部都删除。如果不想要这个公共模块,你可以把它全部删除,然后保存一下,然后功能模块这个区域就会没有。大家来看一下啊。然后就没有功能模块这个区域了。如果在如果想要功能模块直接添加功能,他就会再次出现。可以删除。
接下来大家看一下店铺信息。就是第五步。那店铺信息呢啊第一个就是一个去编辑,可以点击去编辑嗯编辑一个店铺信息。在这里面你可以编辑一下店铺的一个基本信息啊什么的。大家可以看一下你编辑的店铺信息都在这里面显示。比如这个妙铺。然后点击保存。而这里面点击保存。然后刷新一下,大家可以看到这个妙铺就会变成商家。然后其他信息你也可以自己去选择编辑一下。
然后下一个就是店铺图片,店铺图片去编辑。这个店铺店铺图片可以选择本地上传或者是图片选择哦,本地上传上传你本地的一个图片,然后图片选择这里面。为选择这里面也就是刚才我说的设置,然后图片管理那里面的图片,然后你可以选一个。
保存,然后他就会出现在这里,然后你你设置完店铺图片之后要点击保存。保存之后,这里点击保存。然后保存成功之后嗯,大家来看一下,然后刷新一下,这里就会出现你刚才设置的一个店铺图片。那这这个店铺图片呢,你要你点击他,他是会放大放大显示的。大家可以看到点击它店铺图片是可以放大显示的。
那接下来是店铺信息,店铺信息这个你可以不填,然后如果不填,他会默认用左侧的一个文字,也就是店铺信息。如果想要设置你想要的一个文字,然后。你可以设置一下我们这个店铺信息可以。
嗯,店铺。那大家可以看到这里就变成了店铺,然后下面这个用户评论啊,营业时间或者是店铺标签服务说明商家。嗯,简介这些和这个是一样的,你就可以填写或者是不填,不填它就会默认用左侧的一个文字。大家填完之后,千万别忘了点击保存。保存成功。我们来大家来看一下。大家可以看到这个变成了店铺。
上面就是第五点店铺信息。那大家来看一下第六点查看手机效果,我来给大家说一下怎么查看手机的一个效果。你可以通过扫描小程序码查看手机效果。也可以登录妙铺店家后台底部菜单店铺进去,然后他有一个预览,你点击就可以看到店铺的一个效果了。嗯,那我这里就是用手机预览的一个店铺效果。
以上就是我要说的关于店铺页装修的一个全部内容。
国内知名讲师,为您系统讲解,如何制作出一个微信小程序。一看就懂,一学就会
他们与妙铺并肩作战,共同进退。做好小程序服务,妙铺有信心!