京东通天塔怎么装修?怎么设置自定义模块?

通天塔是主要为京东直投制作活动页的工具,为了满足不同店铺的需求,提供了很多种模板,同时为了满足个性化定制,专门提供了自定义模板,那么具体怎么设置呢?开淘小编整理了一份操作手册,接下来一起去看看吧!
一般的通天塔组件同时支持原生和H5页面,包含自定义代码模块的页面只支持H5,不支持原生;
后台简单示意图
1. 进入通天塔后台
2. 创建一个“活动”

京东通天塔怎么装修?怎么设置自定义模块?

文章插图
3. 选择“进入运营”
京东通天塔怎么装修?怎么设置自定义模块?

文章插图
4. 点击左侧模版:“自定义模块”:
(1)在“开发区域”填写“html”文件代码
京东通天塔怎么装修?怎么设置自定义模块?

文章插图
京东通天塔怎么装修?怎么设置自定义模块?

文章插图
(2)在“上传素材” 上传js,css,图片文件
京东通天塔怎么装修?怎么设置自定义模块?

文章插图
5. 代码中引用资源时,若使用相对路径,后台会替换路径为CDN绝对地址 。详见下方“使用者规范”说明
6. 活动列表中的预览按钮,可以查看到相关活动的UR 。
使用者规范
代码文件参考如下
京东通天塔怎么装修?怎么设置自定义模块?

文章插图
1、 project文件夹下,可以包含4个子文件夹,"img”,"js" ,"css", "plugin"
2、 "img"下存放所有图片,不包含子文件夹
3、 "js"下存放所有js文件,不包含子文件夹
【京东通天塔怎么装修?怎么设置自定义模块?】4、 "css"下存放所有css文件,不包含子文件夹
5、注意所有文件:包括图片,css,js等这些文件的文件名,请确保只包含这些字符:字母、数字、下划线(_)、中划线(-)、中文、目录分隔符(/)以及点号(.)组成
引用资源写法
上传的的资源会放到CDN服务器上,引用资源的相对路径会由后台替换成CDN地址 。为使后台能正确匹配出待替换的资源,约定如下:
1、 “资源”的定义主要指js、css、图片三类
2、 引用资源时,相对路径应包含”js/ || css/ || img/“字符,并包含在单引号或双引号中 。
3、 资源不要带时间戳,不要带任何后缀,只能以 .js || .css || .jpg || .jpeg || .gif || .png ||.bmg结尾
4、 代码中引用的资源路径要一次性写全,不要分开写 。
正确写法:
var img = new Image(); img.src = https://www.adfm.cn/"img/a.jpg";
错误写法:
var a = "img/"; var b = "a.jpg"; var img = new Image(); img.src = https://www.adfm.cn/a +b;
在进行设置的时候,如果需要上传修改过的文件,那么就需要点击弹窗右上角和搭建页面右上角的两处保存 最后才会生效 。想要获取更多的精彩内容,大家就要多来逛一逛中文电商网哦!

    秒懂生活扩展阅读