淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

有些时候,我们需要为单品设置一些优惠券,但是商品优惠券在宝贝详情页是默认不展示的,我们只能通过装修,在pc端店铺首页PC端宝贝详情页、无线端店铺首页展示出来,注意:目前商品优惠券不支持在无线端宝贝详情页装修、购物车展示,无线和PC端的商品一口价的下方也不展示哦,只有店铺优惠券才会默认展示在一口价的下方。那么,如何让商品优惠券展示到详情页当中呢?

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

首先,我们需要做一张图片,并且上传到图片空间,如下图:

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

先说下手机端怎么添加吧。卖家中心-店铺装修-详情装修,找到我们想放优惠券的链接,点击装修详情,并且添加上我们做好的这张图片。然后点击图片出现如下界面,点击链接符号:

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

用同样的办法分别把三个链接加上后保存发布就可以啦!

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

接下来再给大家说下电脑端怎么添加,我是用的DW软件实现的。

首先,打开DW,新建HTML:

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

然后插入图像:

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

输入图片空间的图片链接:

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

然后左下角选择方框去框选需要添加链接的区域,目标选择blank,这样领取优惠券会单独打开一个页面。框选后链接输入优惠券的链接,如下图:

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

这样把3个优惠券链接都添加好以后拷贝下图所示代码:

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

然后打开电脑端的宝贝编辑页面,拉到详情页那,点击源码:

在想添加图片的位置粘贴代码,然后点击源码返回,检查后就可以发布了!

淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)
淘宝商品详情页html代码怎么设置(关于淘宝详情页模板)

这样更换电脑端海报的话需要重新编辑宝贝,大家可以试试用超级店长等软件更换海报。另外单品优惠券会计入最低成交价哦,大家留意一下。

版权声明:本文内容由网友提供,该文观点仅代表作者本人。本站(http://www.zengtui.com/)仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 3933150@qq.com 举报,一经查实,本站将立刻删除。

版权声明:本文内容由作者小航提供,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至907991599@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:http://www.hangzai.com/448996.html

(0)
小航的头像小航

相关推荐