天猫装修生成器是一款可以帮助您设计网店UI的工具,该软件不需要您会编程技术,不用您有专业的设计功底,只要您提供一份大致的布局规划图,就可以利用软件自动生成设计的代码,这样就可以将代码添加到自己的后台编程工具中使用,从而节约编程代码的时间;天猫装修生成代码软件(神码助手)使用非常简单,您可以在软件上添加所有商店的布局,包括店铺收藏、店铺背景、商品浏览模式、图片布局样式、文字描述方案,利用图形化的方式将你的设计想法展示在神码助手软件上,并通过一键转换代码将您设计的元素全部转换为可以在网页设计上使用放大代码,这样就可以完成天猫店铺装修了。

软件功能
主体尺寸配置
模块宽度:需要生成通栏区域尺寸,如宽度1920高度500、或者宽度1440高度300、等是多少填多少
原始代码区:把要生成通栏代码放到这里然后点生成代码。[?]
可以使图片代码也可以是源代码!
去掉间隙高度:【不去掉间隙】【20像素高度】【10像素高度】
倒计时图片
海报图片地址:此处填写海报连接地址,图片宽高不受限制,系统自动识别。
请注意图片一定要上传到自己空间的图片,没得啥了!
开始时间:此处填写开始或者结束时间,格式如输入框那样,其他参数可以默认。[?]
要是喜欢操作可以自己动手试试!
此处填写 开始和正在进行的活动标语或者即将开始或结束标语。[?]
调整个时间预览自己试试!
海报链接:时间位置与活动标语用鼠标拖动到想要的位置(先输入图片地址)。
软件特色
轮播类型设置
店铺类型选择【天猫店铺】【淘宝专业版】【淘宝基础版】
轮播风格选择:圆形按钮风格 方形按钮风格 缩略图风格
轮播图设置:图片地址 1链接地址 1图片地址 2链接地址 2
轮播参数设置
轮播区高度:此处无需手动填写,系统将自动识别图片尺寸。[?]
轮播区宽度:轮播图片要求最好是1920宽度的图片,当然不是也可以!保证1920是为了兼容大屏幕的显示器。
视频海报内容
海报图片地址:
此处填写海报连接地址,图片宽高不受限制,系统自动识别。[?]
请注意图片一定要上传到自己空间的图片,没得啥了!^_^
视频地址:
此处填写视频地址,用鼠标拖动视频大小以及视频位置,请使用360急速模式或者谷歌等浏览器,
海报链接地址:此处填写海报点击连接地址
使用方法
1、本软件是可以直接通过客户端进入网页设计的,点击界面上的图片或者是设计区域,就可以自动打开浏览器进行编程

2、这个就是全局设计的界面,可以看到界面的布局还是非常美观的,点击左边的工具,可以设置模板的显示方案

3、设置模板信息,店铺类型、淘宝、天猫、背景色、背景图、平铺方式,根据自己商店的类型选择对应的功能即可

4、添加设计的版块:可以设置店主图像、添加商店二维码、设置版块的布局参数

5、添加“收藏”“喜欢”“分享”“购物车”等多种设计版块,直接点击左边的文字,就可以显示图形

6、生成代码,点击上方的代码功能,就可以将您刚才设计的文本样式生成可以编辑的代码

7、如图所示,代码生成结束,将代码复制到编程软件上就可以创建天猫商店的UI界面

8、这里就是专业的布局界面设置了,可以为店铺添加搜索框、旺旺群、缩略图轮播、HTML网页、宝贝展示区、关注

使用说明
图片切换效果
跑过头→返回 果冻效果 缓冲效果 先慢后快-(强) 起步→跑 抖动→变幻(强) 变幻→抖动(强) 抖动→抖动(强)
先慢后快-(弱) 先快后慢-(弱) 普通滚动 最原始均速 弹性效果 抖动→变幻
播放速度
匀速滚动【特殊选项】 慢 中慢 中 中快 快
切换时间
1秒 2秒 3秒 4秒 5秒 6秒 7秒 8秒 9秒 10秒
注意:淘宝图片尺寸413x607px,天猫图片尺寸433x636px
主要优势
整体背景色 透明
划过背景色 透明
默认文字颜色
划过文字颜色
所有分类背景色 透明
所有分类划过背景色 透明
所有分类字体颜色
所有分类划过字体颜色
所有分类字体名称
∨ 展开