这是关于(掩盖原价)的资源角标
观察一下,下面的资源图片在右上方,有个“折扣价”的角标
是的,这就是今天我们要教你的东西
当然了,折扣价是你在后台设置的真实价格,而最下面 * 2倍的价格,则是假的价格!
如果没看懂,那么就再说详细一点:
拿图片里的 Java基础入门第一期 资源举例:
折扣价为:9.9 (后台设置的真实价格),而下面19.8则是在真实价格 * 2倍的虚拟价格,目的是给用户增加幌子!
废话不多说,教程开始~
首先来到 /themes/ripro-v2/inc 目录下
将下面的代码添加至目录:inc 打开 template-tags.php 文件替换代码
大约在673行,添加这串代码:
$img .= '<span class="cd">折扣价 <strong>' .get_post_price($post_id). '</strong></span>';
然后继续往下滑动,大约在820行,替换下面这串代码:
echo '<span class="meta-shhop-icon"><i class="'.$this_icon.'"></i> '.($price_meta * 2).'</span>';
最后,将CSS代码添加至 app.css 文件,或者添加在后台自定义代码里,防止更新主题版本失效。
span.cd{
position: absolute;
font-size: 11px;
border-radius:4px 4px 4px 4px;
right: 0;
top: 0;
max-width: 100%;
background-color: #3c4c71;
color: #ffffff;
max-width: 100%;
margin-top: 9px;
margin-right: 5px;
display: inline-block;
height: 28px;
line-height: 28px;
border-radius: 5px;
padding: 0 5px;
}
span.cd strong{
font-size: 14px;
font-weight: bold;
}
教程结束,希望能帮助到你!
米趣网免责声明
1、本站所有模板素材资源均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。2、米趣网作为第三方中介平台,依据交易合同(商品描述、交易前商定的内容)来保障交易的安全及买卖双方的权益。
3、非平台线上交易的项目,出现任何后果均与米趣网无关;无论卖家以何理由要求线下交易的,请联系管理举报。
注意事项
1、本站所有素材资源均来自用户分享和发布,部分未经测试可用,并不保证百分百无误及完整。2、素材资源仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
3、米趣网会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全。
4、米趣网无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别。