有赞新零售社区

发帖
运营杂谈»补充第222期有赞小报滑动条幅(优惠券)的制作教程

补充第222期有赞小报滑动条幅(优惠券)的制作教程

认证拍档-疾风文化 2015-12-02 2435 浏览 7 评论 | 只看楼主 [打印]
高端大气的图片滑动展示
(以雅鹿优惠券为例)

是否觉得自己店铺里面的优惠券太单调,不能一起客户的注意?是否为自己的优惠券太多,而“优惠券模块”上面最多展示3个而烦恼?那么,你是否想要拥有一款特别的优惠券展示效果?222期小报确实犯了个2,滑动优惠券没给大家讲,222呀,如果想的话,请跟着镊子一起来做:

1.点击这里先看一下优惠券的滑动展示效果,或者手机微信扫描下面的二维码:

雅鹿官方微商城优惠券条幅滑动效果展示

那么,用电脑点击链接浏览的朋友就会问了,为啥有一个滑动条:




这里请各位放心,电脑显示的页面有这个滑动条,是为了方便在电脑上滑动,在手机上是没有这个的!!!

PS:那么,问题来了,这个是怎么做到的呢?请继续往下看:

2.首先要先做好图片,“左滑更多”是一个动态图片,尺寸是101*155PX,然后其他的优惠券尺寸是300*155PX。

3.图片做好之后,在有赞上面上传上去:



4.上传好图片之后,就要替换图片的链接了。下面这个是图片的链接,点击复制即可:


第一步,把“左滑更多”的链接复制到下图的双引号里面:


第二步:把其他优惠券的图片链接复制到下图的双引号里面:


第三步:在有赞找到优惠券,复制链接:


第四步:把优惠券的链接复制到双引号里面:


PS:对于代码的解释:

到这里,代码已经写好了,先复制下来。现在要把代码放到有赞上面:①新建自定义页面模块,添加“富文本”并输入“你好”。
②在空白的地方鼠标右键—“审查元素”。

③按Ctrl+F,并输入“你好”进行查找,按照下图点击,选择第二个“你好”。

④鼠标放到“你好”上面,点击右键,选择“Edit as HTML”,把“<p>你好</p>”删掉,并把之前复制的代码粘贴到这里。
⑤代码粘贴好之后,按照下图,先用鼠标左键点击1的位置,再点击2的位置,最后保存。

⑥在其他微页面上添加“自定义模块”,选择刚才编辑的。至此,高端大气的滑动展示就做好了。
除了优惠前功能,大家可以发挥想象制作其他的展示效果,如平台商性质店铺可以做成赞助商条幅,通过调整可以实现手机界面超宽图片的左划右划展示等等,代码在下方领取,怎么发挥,看你的了哦,如果是在不会,可以联系镊子索取教程和指导




下面,大招开启,程序员的代码仓库,共产主义,按需领取
链接:http://pan.baidu.com/s/1oO3Xs 密码:fu7m




一、滑动条幅代码教程见本帖



这些代码都可以在自定义模块里操作,包括悬浮窗哦~然后想让其在哪个页面实现什么东西直接在相应位置添加设置好的自定义模块来实现即可。


用手机打开
收藏 ··· 回复
    mark
    有赞拍档:河南疾风文化传播有限公司
    我是→有赞拍档、有赞认证讲师、有赞小报记者
    专注提供企业微电商的定位,微商城装修,推广,代运营,方案策划,020传统企业线上线下落地解决方案于一体,帮助企业打造属于自己的移动电商平台
    个人微信,QQ,电话均为:15638562705
    我在qq群:194903210。欢迎大家来群一起交流,

      mark
      有赞拍档:河南疾风文化传播有限公司
      我是→有赞拍档、有赞认证讲师、有赞小报记者
      专注提供企业微电商的定位,微商城装修,推广,代运营,方案策划,020传统企业线上线下落地解决方案于一体,帮助企业打造属于自己的移动电商平台
      个人微信,QQ,电话均为:15638562705
      我在qq群:194903210。欢迎大家来群一起交流,

        鸿看看   游客   2015-12-02 | 只看该作者
        太牛了,哈哈,沙发

          鸿看看 发表于 2015-12-2 11:30
          太牛了,哈哈,沙发


          哈哈哈哈
          有赞拍档:河南疾风文化传播有限公司
          我是→有赞拍档、有赞认证讲师、有赞小报记者
          专注提供企业微电商的定位,微商城装修,推广,代运营,方案策划,020传统企业线上线下落地解决方案于一体,帮助企业打造属于自己的移动电商平台
          个人微信,QQ,电话均为:15638562705
          我在qq群:194903210。欢迎大家来群一起交流,

            鸿看看   游客   2015-12-02 | 只看该作者
            差0.01秒,点发送时还是沙发呢,哈哈

              鸿看看 发表于 2015-12-2 11:40
              差0.01秒,点发送时还是沙发呢,哈哈


              帖子还在更新,步骤还没有写完成,稍等十分钟
              有赞拍档:河南疾风文化传播有限公司
              我是→有赞拍档、有赞认证讲师、有赞小报记者
              专注提供企业微电商的定位,微商城装修,推广,代运营,方案策划,020传统企业线上线下落地解决方案于一体,帮助企业打造属于自己的移动电商平台
              个人微信,QQ,电话均为:15638562705
              我在qq群:194903210。欢迎大家来群一起交流,

                谢谢分享。代码没看懂。一看代码就傻。

                  1跳至
                  您需要登录后才可以回帖 登录 | 立即注册

                  本版积分规则

                  复制链接
                  新浪微博
                  QQ空间
                  微信扫码
                  • 回复

                  • 评分

                  客服工作时间是9:00-18:00,客服妹子当前不在线,若不能及时回复请谅解。试试右上角的搜索吧,论坛有丰富的经验贴、公告贴,相信一定能够帮到您~

                  复制成功