📢 国际站产品连续滚动效果 · 图文操作教程
第 1 步:制作一张滚动产品图(透明长图)准备一张PNG格式的透明图片。宽度越长越好(强烈建议大于1920px,如3000px-5000px),高度不限。连带价格一起滚动,请在作图时写在产品下方并导出完整PNG格式上传。
第 2 步:准备固定背景底图
制作一张背景图片。宽度必须是 1920px,高度必须与上述的产品长图完全一致。这张图将固定在底部,上传到阿里国际图片银行。
制作一张背景图片。宽度必须是 1920px,高度必须与上述的产品长图完全一致。这张图将固定在底部,上传到阿里国际图片银行。
第 3 步:上传并载入工具
将两张图片上传至图片银行获取链接。先填入固定背景底图,再填入滚动透明长图,点击加载。
请看图片所示

将两张图片上传至图片银行获取链接。先填入固定背景底图,再填入滚动透明长图,点击加载。
请看图片所示
第 4 步:向右滑动并绘制热区
点击增加产品链接热区,在产品上框选并填入跳转链接。利用浏览器底部滚动条向右拖动视口框选剩余产品。
请看图片所示

点击增加产品链接热区,在产品上框选并填入跳转链接。利用浏览器底部滚动条向右拖动视口框选剩余产品。
请看图片所示
第 5 步:生成代码并应用
全部链接添加完毕后,点击生成按钮。复制代码粘贴至旺铺自定义模块中保存。
请看图片所示

全部链接添加完毕后,点击生成按钮。复制代码粘贴至旺铺自定义模块中保存。
请看图片所示