1.先将需要装修的图片进行切片。(因为淘宝装修时模块有高度限制,淘宝旺铺有大小限制,所以需要对其进行切片)HnV数据军团

  ①在PS中打开图片, 在需要切开的位置拉参考线,点击切片工具→基于参考线的切片。HnV数据军团

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

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

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

  2.将切片上传到淘宝旺铺图片空间中。HnV数据军团

  打开店铺后台,找到店铺装修,切换到素材中心,将切片上传到图片空间中。HnV数据军团

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

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

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

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

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

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

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

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

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

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

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

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

  4.将代码粘贴到装修后台。HnV数据军团

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

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

  ②点击自定义内容中的编辑,自定义区勾选显示标题:不显示,点击括号箭头切换到源码。HnV数据军团

  淘宝店铺怎么设计(如何设计装修淘宝店铺)将鼠标置于自定义内容上会浮现编辑选项淘宝店铺怎么设计(如何设计装修淘宝店铺)第2个红框框选的就是源码图标将鼠标光标置于内容区域,粘贴代码,再次点击括号箭头。此时会发现代码转换为图片了,点击左下角的确认即可。HnV数据军团

  淘宝店铺怎么设计(如何设计装修淘宝店铺)HnV数据军团

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

版权声明:本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 349073828@qq.com 举报,一经查实,本站将立刻删除。

打赏
  • 打赏支付宝扫一扫
  • 打赏微信扫一扫