📢 国际站产品连续滚动效果 · 图文操作教程
第 1 步:用ps或是其它作图软件制作一张滚动产品图(透明长图)
准备一张PNG格式的透明图片。宽度越长越好(强烈建议大于1920px,如3000px-5000px),高度不限。如果想要连带价格一起滚动,请在作图时将价格直接写在产品图下方,然后导出为完整的PNG格式。上传到阿里国际的图片银行当中去

准备一张PNG格式的透明图片。宽度越长越好(强烈建议大于1920px,如3000px-5000px),高度不限。如果想要连带价格一起滚动,请在作图时将价格直接写在产品图下方,然后导出为完整的PNG格式。上传到阿里国际的图片银行当中去
第 2 步:准备固定背景底图用ps或是其它作图软件制作一张背景图片。宽度必须是 1920px,高度必须与上述的产品长图完全一致。这张图片将固定在底部,你可以在这张图上方加上纯色、图案或固定的文字标题。上传到阿里国际的图片银行当中去
第 3 步:上传并载入工具将两张图片上传至阿里国际的图片银行空间获取链接地址。在下方工具中,先填入【固定背景底图】,再填入【滚动透明长图】,点击“加载长图并铺设画布”。
第 4 步:向右滑动并绘制热区点击“增加产品链接热区”,在产品上框选并填入跳转链接。由于图片很长,右侧看不见的产品,请利用浏览器底部的滚动条向右拖动视口,继续框选剩余产品即可。
第 5 步:生成代码并应用全部链接添加完毕后,点击生成按钮。复制底部的代码,直接粘贴至阿里国际站旺铺自定义模块中,保存即可实现无缝滚动效果。