查看: 3094|回复: 6

呕血分享:Brooklyn主题促销小标志修改为显示百分比

[复制链接]

3

主题

7

帖子

47

积分

新手上路

Rank: 1

积分
47
发表于 2018-12-16 18:32:03 | 显示全部楼层 |阅读模式
凭着死磕精神,研究了2个小时,终于找到一个有用的帖子和代码添加方式,解决了将图标显示从减多少钱,到优惠多少%的功能。
现在分享给大家!
shopify管理员中,edit code>snippets> product-grid-item.liquid
大概第70行的位置
原代码是
{% elsif on_sale %}
<div class="grid-product__on-sale">
{% capture saved_amount %}{{ product.compare_at_price | minus: product.price | money }}{% endcapture %}
<p>{{ 'products.general.save_html' | t: saved_amount: saved_amount }}</p>
</div>
{% endif %}

改为
{% elsif on_sale %}
<div class="grid-product__on-sale">
<p>{{ 'products.general.save_html' | t: saved_amount: saved_amount }}
{{ product.compare_at_price_max | minus:product.price | times:100 | divided_by:product.compare_at_price_max }}%
</p>
</div>
{% endif %}

就可以了!不知道大家能不能复制到代码!
我自己是没什么问题,不知道你们用的话行不行。
给我这种分享精神点个赞吧!
回复

使用道具 举报

3

主题

7

帖子

47

积分

新手上路

Rank: 1

积分
47
 楼主| 发表于 2018-12-16 18:35:30 | 显示全部楼层
  1. {% elsif on_sale %}
  2. <div class="grid-product__on-sale">
  3. <p>{{ 'products.general.save_html' | t: saved_amount: saved_amount }}
  4. {{ product.compare_at_price_max | minus:product.price | times:100 | divided_by:product.compare_at_price_max }}%
  5. </p>
  6. </div>
  7. {% endif %}
复制代码
回复 支持 反对

使用道具 举报

3

主题

7

帖子

47

积分

新手上路

Rank: 1

积分
47
 楼主| 发表于 2018-12-16 18:36:08 | 显示全部楼层
试了下,为了方便大家复制,重新放了下代码,希望测试的朋友也能回来跟我说下效果如何!
回复 支持 反对

使用道具 举报

0

主题

8

帖子

84

积分

注册会员

Rank: 2

积分
84
发表于 2019-1-2 15:25:20 | 显示全部楼层
<p>{{ 'products.general.save_html' | t: saved_amount: saved_amount }}

这里的 “t:”是什么作用?
回复 支持 反对

使用道具 举报

0

主题

1

帖子

16

积分

新手上路

Rank: 1

积分
16
发表于 2019-3-13 17:10:50 | 显示全部楼层
  可以使用
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门推荐

Shopify联系我们页面的表单如何设置
Shopify联系我们页面的表
最近群里有几个朋友问到了这个同样的问题,如下图所示,联系我们的页面表单是怎么做出
提高转化率的一个小提示
提高转化率的一个小提示
最近测试,在Checkout按钮下面添加了一次些促销信息,转化率稍稍有些提升,但是因为数
如何查看一个Shopify网站的某个功能使用的是什么插件
如何查看一个Shopify网站
之前有一篇文章已经介绍过,使用Commerce Inspector的Chrome插件可以查看到一个Shopif
Commerce Inspector - 快速查询Shopify网站使用的主题和插件
Commerce Inspector - 快
Commerce Inspector是一款可以帮你快速了解你的竞争对手的Shopify网站的一些数据的的
购物按钮下的 购物安全保证图片 怎么添加
购物按钮下的 购物安全保
购物按钮下的 购物安全保证图片 怎么添加
论坛重新开启用户注册功能
论坛重新开启用户注册功能
论坛注册流程 第1步,获取论坛注册的邀请链接搜索微信公众号“WaimaoB2C”或者扫码关
请教如何去掉网站底部的powered by shopify 字句
请教如何去掉网站底部的po
请教如何去掉网站底部的powered by shopify 字句

Archiver|手机版|小黑屋|

  • Copyright   ©2015-2016  Shopify论坛 | WaimaoB2C.cn   Powered by©Discuz!   ( 冀ICP备2021000488号-4 )
快速回复 返回顶部 返回列表