视觉营销作为电子商务视觉端最重要的营销方式,代码装修起到其中很重要的因素。阿里巴巴旺铺自定义模块是旺铺装修中不可缺少的模块,具有可编辑性强,视觉效果好,装修风格多样化而获得大家的喜爱。今天我要分享的是从基础开始讲起的自定义编辑中用代码实现我们旺铺装修的多样化。

  一、什么是代码?

  大家可以把代码简单的理解为一种语言,而这种语言是专门翻译给计算机听的,这样计算机就能读懂我们的语言啦。在旺铺装修中,代码的用处是很多的,大家所看到的很多漂亮的店面基本都可以用代码实现高大上的,例如公告栏、图片的滚动,鼠标效果等等。代码装修具体在旺铺装修的哪里,素素教大家找到代码的集中营,首先大家跟着素素的步伐一起来,进去我的阿里-应用-旺铺,点击添加一个952的自定义板块,如下图:

  

  添加好了之后呢,大家会见到如下的一个页面,这次我们只要是讲代码,所以我们试试手,插入一张图片试试。

  

  当我们插入图片之后,在点击左下角“源代码”,切换视图,哈哈,这个时候大家会看到一串像英文一样的东西,这就是神秘的代码啦,童鞋们,您找到它了么?

  

  

  二、装修代码大解读

  旺铺装修中涉及到的代码不是很多,大家主要是要读懂基本的一些代码的意思,就可以轻松让我们旺铺装修变得高大上了。首先我们来看看这串中

这个是代表分段落的意思,当然,

也是可以单独使用的。img src 代表图片的地址 alt是起到图片说明的作用,当然,很多时候大家都不去设置,其实素素个人建议大家设置图片的说明,因为从搜索引擎的角度来说,搜索引擎的蜘蛛是不会识别图片的内容的,而加了alt的图片说明后,它就能根据说明读懂图片是做什么的。

  三、制作图片轮播效果

  在阿里旺铺其实有一个功能是可以设置产品的轮播效果的,不知道同学们发现了吗?点击新增一个952的供应产品(手动)板块,选择展示方式为滚动展示,如下图:

  

  点击确定后就可以发现,原本静静的呆在那里的产品竟然动起来了,好神奇哈。当然用代码也可以实现轮播的效果,只要我们用marquee设定要轮播的图片,同样的效果也是可以实现的。另外一点,图片可以动起来,那么我们文字也是可以动起来的。例如像素素一样,喜欢在自己家产品的详情页面放一些文字,原本就是呆呆的,有时候看着呆呆的公告栏啦,文字说明还真是不爽呀,我们怎样让它动起来呢?我们切换视图编辑为源代码编辑,在你需要动起来的文字的部分,首部跟尾部加入代码:如下图一:

  

  素素解释一下,marquee是滚动的意思喔,而direction="down"是说明滚动的方向是向下的,哈哈,如果你想向上滚动要怎么办呀?很简单,把dowm改成up,就搞定了,如果向左边呢?left,向右?right。天哈,同学们发现了吗?就是英语单词的节奏呀,很简单吧。设置好之后,发布出去,让我们见证奇迹的时刻吧,去产品详情页看看去。如下图二:

  

  我们会发现文字已经按照我们向下滚动的方向滚动了,代码就那么简单。下面我附上我家旺铺没有装修刚装修之后的数据,差别之大,让我越来越重视旺铺装修这一块。同学们也动手做起来吧,让我们的旺铺变得特别起来,加油!