投稿
  1. 小新网首页
  2. 淘宝运营

淘宝怎么装修店铺？装修网店详细步骤

W颖儿 • • 淘宝运营

1.先将需要装修的图片进行切片。（因为淘宝装修时模块有高度限制，淘宝旺铺有大小限制，所以需要对其进行切片）

①在PS中打开图片， 在需要切开的位置拉参考线，点击切片工具→基于参考线的切片。

淘宝怎么装修店铺（如何装修网店详细步骤）插图

②导出切片。文件→导出→存储为web所用格式，用鼠标框选图片，点击存储 ，选择输出路径以及修改切片名称。切片默认保存到名为images的文件夹中。

淘宝怎么装修店铺（如何装修网店详细步骤）插图(1)

2.将切片上传到淘宝旺铺图片空间中。

打开店铺后台，找到店铺装修，切换到素材中心，将切片上传到图片空间中。

淘宝怎么装修店铺（如何装修网店详细步骤）插图(2)

3.在小语言中将切片附上跳转链接转换为淘宝天猫自定义代码。

①打开小语言在线装修工具，填写页面名称，将页面宽高设置为原图片大小。

淘宝怎么装修店铺（如何装修网店详细步骤）插图(3)

②点击工具集中的图片层，切换图片空间复制切片1的图片链接，粘贴到图片层属性中的图片地址，第2张切片也按照上述进行操作。（需要注意的是，第1张以后的切片需要设置图片层属性{位置}中{上}的数值，数值为上面切片高度总和）

淘宝怎么装修店铺（如何装修网店详细步骤）插图(4)

③点击工具集中的热点层，调整热点的大小及位置。然后将跳转链接粘贴到热点层属性中的点击链接中。

淘宝怎么装修店铺（如何装修网店详细步骤）插图(5)

④点击界面上方保存，新建一个名为王子设计的文件夹，点击确定。然后点击王子设计的文件夹，点保存。装修界面就被保存下来了，方便下次修改。点击关闭。

淘宝怎么装修店铺（如何装修网店详细步骤）插图(6)

⑤生成天猫自定义代码。点击界面上方生成代码→点击生成天猫自定义代码→将鼠标光标插入到代码中，Ctrl+A全选代码，Ctrl+C复制代码。

淘宝怎么装修店铺（如何装修网店详细步骤）插图(7)

4.将代码粘贴到装修后台。

①新建一个PC页面。打开店铺装修页面，点击左侧PC店铺装修，点击自定义页，新建一个名为王子设计的页面。新建页面会自动跳转到PC装修页面，老页面需要点击装修页面才能跳转。

淘宝怎么装修店铺（如何装修网店详细步骤）插图(8)

②点击自定义内容中的编辑，自定义区勾选显示标题：不显示，点击括号箭头切换到源码。

淘宝怎么装修店铺（如何装修网店详细步骤）插图(9)

将鼠标置于自定义内容上会浮现编辑选项

淘宝怎么装修店铺（如何装修网店详细步骤）插图(10)

第2个红框框选的就是源码图标

将鼠标光标置于内容区域，粘贴代码，再次点击括号箭头。此时会发现代码转换为图片了，点击左下角的确认即可。

淘宝怎么装修店铺（如何装修网店详细步骤）插图(11)

③点击右上方预览后没有问题，点击发布站点。然后回到自定义页列表，点击设为首页，将页面设为首页即可。

本文来自作者:W颖儿，不代表小新网立场！

转载请注明：https://www.xiaoxinys.cn/256748.html

赞 (0)
W颖儿W颖儿注册用户
0
上一篇 2022-11-19 18:49:00
下一篇 2022-11-19 19:01:00

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。