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

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

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

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

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

首先,打开DW,新建HTML:

然后插入图像:

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

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

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

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

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

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

以上分享,希望可以帮助你。

本文来自网络。

商品详细信息的代码html_实操分享:如何将商品优惠券,添加到淘宝详情页?...相关推荐

  1. 商品详细信息的代码html_电商网站的商品详情页系统架构

    小型电商网站的商品详情页系统架构 小型电商网站的页面展示采用页面全量静态化的思想.数据库中存放了所有的商品信息,页面静态化系统,将数据填充进静态模板中,形成静态化页面,推入 Nginx 服务器.用户浏 ...

  2. 仿淘宝详情页 直接上代码

    仿淘宝详情页 直接上代码 package com.example.liketitledemo;import android.content.Context; import android.graphi ...

  3. 淘宝商品详情接口,淘宝详情页接口,宝贝详情页接口,商品属性接口,商品信息查询,商品详细信息接口,h5详情,淘宝APP详情

    一.接口参数说明: 提取淘宝商品详情页各项数据,包含skuid.价格.收藏数.加购数.月销售量.主图.标题.详情页图片,点击获取请求key和secret 二.建议使用场景 1.商品销售情况分析,根据销 ...

  4. 淘宝app详情接口,淘宝详情页接口,商品信息查询,商品详细信息接口,h5详情,宝贝详情页接口,商品属性接口,

    一.接口效果 提取淘宝商品详情页各项数据,包含skuid.价格.收藏数.加购数.月销售量.主图.标题.详情页图片,价格低至几厘,量大甚至免费,详情请加我,或者私聊我 二.建议使用场景 1.商品销售情况 ...

  5. 淘宝app详情接口,淘宝详情页接口,宝贝详情页接口,商品属性接口,商品信息查询,商品详细信息接口,h5详情

    一.接口效果(名称有联系方式可以加我) 提取淘宝商品详情页各项数据,包含skuid.价格.收藏数.加购数.月销售量.主图.标题.详情页图片,价格低至几厘 数据格式如下,2022年1月份最新版 | { ...

  6. 跨境电商,淘宝app详情接口,淘宝详情页接口,宝贝详情页接口,商品属性接口,商品信息查询,商品详细信息接口,h5详情

    一.接口效果(名称有联系方式可以加我) 提取淘宝商品详情页各项数据,包含skuid.价格.收藏数.加购数.月销售量.主图.标题.详情页图片,价格低至几厘 数据格式如下,2022年7月份最新版 全平台数 ...

  7. 仿淘宝详情页的商品详情

    先上效果图 效果就是上面图片的效果 接下来看看如何实现 首先我们来看下布局文件 <LinearLayoutandroid:id="@+id/header"android:la ...

  8. 淘宝足迹新玩法,如何通过足迹增加商品曝光量,打标后足迹不出解决方法,淘宝详情页的下拉出现足迹怎么实现的

    以上两张图就是淘宝最近新更新的一个对于足迹的一个新玩法(释放查看更多精彩),具体的玩法是在浏览某个详情页时,详情页往下滑,就会跳转出自己足迹的中的商品,这个商品的推荐位的个数是不固定的,左右滑动即可查 ...

  9. 商品详细信息的代码html_Web前端,你该有的代码规范

    私信我或关注微信号:狮范儿,回复:学习,获取免费学习资源包. 一. 引言 对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提高编码工作效率,使代码保 ...

最新文章

  1. Mac上Homebrew的使用
  2. golang中的Session支持
  3. vSphere 5.0系列之二 vSphere Client的安装
  4. 38/100. Find the Duplicate Number
  5. 经常使用计算机的孩子,常玩电脑对孩子负面影响大,家长们不容小觑!
  6. ------------------uniq 去重复
  7. php mysql实现下拉列表查询_php mysql如何实现通过下拉框查询显示数据库中的数据...
  8. 极限编程创始人Ron Jeffries建议开发者放弃敏捷
  9. Guice系列之用户指南(八)
  10. android学习笔记---1.为应用添加新的Activity,中使用Intent(意图),结果码,请求码,得到新打开Activity 关闭后返回的数据,Bundle类的作用
  11. Unity Android 使用UnityWebRequest Post 数据后,没有获得服务器返回的数据
  12. view_image.php,ImageView显示图像控件
  13. R语言中rvest包爬虫代码+示例讲解(爬取当当网)
  14. jQuery上传插件uploadify中文文档
  15. DSP2812 RAM不够用的解决方法【转载】
  16. 如何用BIGEMAP在Arcgis中使用bigemap制作特定比例尺的交通位置图
  17. js学习小计5-零宽断言
  18. HTML---表格table标签中thead、tbody、tfoot的作用
  19. C#实战之CAD二次开发002:绘制直线和绘制圆
  20. 二级公立医院绩效考核病案首页上报系统

热门文章

  1. 第三部分 和弦铃声格式
  2. 从SVN检出Maven工程只有父工程的解决办法
  3. SQL--多的是,你不知道的事
  4. 国内十大精选正规现货交易平台排名榜单(2023口碑榜)
  5. python商品打折问题公式_python障碍式期权定价公式
  6. 哪些数字适合作为域名主体?
  7. 【掘金使用技巧8】用掘金编写常用技术指标
  8. 如何对项目的研发团队年终绩效考核?
  9. java基础巩固-宇宙第一AiYWM:为了维持生计,多高(多线程与高并发)_Part1~整起(线程与进程篇:线程概念、线程状态、线程死锁)
  10. SVN本地代码管理工具TortoiseSVN小乌龟的安装使用