独立站详情页优化
一段微不足道的小代码。
首先，部分付费模版应该都加了这部分功能，所以如果你是用的模版能显示折扣信息，直接在后台开启就好。
本文的例子，我使用的debut模版。
产品页面本来是这样婶的：产品标题+价格+购物车
更改之后：多了一句优惠信息！
具体步骤：
打开edit code,搜索product，找到product-template,liquid文件。
产品页面的文件都是放在这里，部分模版也有可能是其他名字，但是一定带有product.
打开代码，搜索product.title ，也就是搜索产品标题，当然你要搜产品价格也可以，毕竟我是放在产品价格下面的。
我们在产品价格下添加一下代码即可
代码：
<div class ="discount-message">
{% if product.compare_at_price_max> product.price %}
You save {{ product.compare_at_price_max| minus: product.price | times: 100.0 | divided_by: product.compare_at_price_max| money_without_currency | times: 100 | remove: '.0'}}%
{% endif %}
{% if product.compare_at_price_max> product.price %}
({{ product.compare_at_price| minus: product.price | money }})
{% endif %}
</div>
实际上这两段代码是一样的，只是前者是折扣百分比，后者是直接打折的钱。
康康效果：
嗯～功能实现了，但是有点丑。没事，我们来给它优化一下！
打开Theme.scss.liquid ，部分模版是style.scss.liquid文件，不管啦，反正认准scss.liquid就好啦。这个文件是给你各个部分添加特效的。嗯，其实也就是字体大小，背景颜色之类的。
原文转载：http://www.shaoqun.com/a/828831.html
跨境电商：https://www.ikjzd.com/
barclays：https://www.ikjzd.com/w/2775
大森林：https://www.ikjzd.com/w/2268
亿恩：https://www.ikjzd.com/w/1461
一段微不足道的小代码。首先，部分付费模版应该都加了这部分功能，所以如果你是用的模版能显示折扣信息，直接在后台开启就好。本文的例子，我使用的debut模版。产品页面本来是这样婶的：产品标题+价格+购物车更改之后：多了一句优惠信息！具体步骤：打开editcode,搜索product，找到product-template,liquid文件。产品页面的文件都是放在这里，部分模版也有可能是其他名字，但是一定
扬帆计划：https://www.ikjzd.com/w/1581
亚马逊后台在线客服功能或将撤销 / PETS Rock被爆侵权：https://www.ikjzd.com/articles/6303
旺季节日报名时段太短，如何解决备货难题？：https://www.ikjzd.com/articles/6304
云南瑞丽市内交通出行旅游全攻略：http://www.30bags.com/a/419367.html
清朝公主结婚后生活悲惨，过夫妻生活都要向人申请，大多没有后代：http://lady.shaoqun.com/m/a/131887.html
口述实录：一个少妇的做爱日记：http://lady.shaoqun.com/a/250745.html
为什么30岁的大叔都喜欢找年轻女孩？"看透"90后的女孩：http://lady.shaoqun.com/a/387414.html
睡前的甜蜜故事：http://lady.shaoqun.com/a/387415.html
甜蜜的睡前故事引发：http://lady.shaoqun.com/a/387416.html
Shopify携手ArcMEAD与全球大卖共话中国品牌出海新征途：https://www.ikjzd.com/articles/6306
最毁三观的10大爱情迷思_女性：http://lady.shaoqun.com/a/42353.html
他把舌头伸进两腿之间 舌尖逗弄她颤抖的小核：http://lady.shaoqun.com/a/248221.html
Comments
Post a Comment