为脚本更新你的Liquid模板

如果您在在线商店中运行脚本,那么您需要检查它们如何影响欧宝体育官网入口首页店面中的页面。许多主题包含支持脚本的代码,但有些主题没有。如果您的主题没有代码,那么您可以添加它。

故障排除

大多数关于脚本和主题的问题都涉及提供折扣的行项目脚本。例如,订单的总价是正确的,但行项目价格没有显示折扣。顾客需要了解他们的折扣是如何计算的。他们希望看到原价和折扣价以及折扣的简短说明。如果您的购物车中缺少任何这些细节,那么您需要添加Liquid代码以便显示它们。

检查脚本如何影响店面的一个好方法是作为客户访问并执行触发脚本的操作。

液体物体属性

以下列表包含支持商店购物车中脚本通常需要的Liquid对象属性:

购物车对象属性:

行项属性:

脚本对象:

  • 脚本对象可用于返回有关商店活动脚本的信息。这个对象在调试脚本时很有用。

例子

下面的示例描述了您可以对购物车进行的更改。液态模板支持行项脚本。

购物车示例

例如,如果您有一个包含三个行项目的购物车:

  • 足球
    • 数量:1
    • 单价:$15.00
  • 网球
    • 数量:5
    • 单价:$5.00
  • 跑步鞋
    • 数量:1
    • 单价:$30.00

并且您已经发布了一个应用以下折扣的脚本:

  • 两个或两个以上网球打九折
  • 所有鞋子减价5美元

那么你的cart.liquid模板可以是一个简单的表格,列出行项目及其总额的摘要:

<表类=“购物车”>< thead类=“标题”>< tr >< th >产品< / th >< th >数量< / th >< th >总计< / th >< / tr >< / thead >< tbody类=“单项”>{%表示购物车中的商品。项目%}< tr >< td >{{item.product.title}}道明> < /< td >{{项目。量}}道明> < /< td >{{项目。Line_price | money}}道明> < /< / tr >{% endfor %}tbody > < /< tfoot类=“摘要”>< tr >< tdcolspan =“2”>总计道明> < /< td >{{购物车。Total_price | money}}道明> < /< / tr >< / tfoot >表> < /

使用脚本应用的折扣,此模板为您的购物车创建以下表格:

产品< / th >< th >数量< / th >< th >总计< / th >< / tr >< / thead >< tbody类=“单项”>< tr >< tdscope="row">足球道明> < /< td >1道明> < /< td >15。00美元道明> < /< / tr >< tr >< tdscope="row">网球道明> < /< td >5道明> < /< td >22.50美元道明> < /< / tr >< tr >< tdscope="row">跑步鞋道明> < /< td >1道明> < /< td >25.00美元道明> < /< / tr >tbody > < /< tfoot类=“摘要”>< tr >< tdcolspan =“2”>总计道明> < /< td >62.50美元道明> < /< / tr >< / tfoot >表> < /

更新行项

为了显示脚本应用的折扣,我们需要更新行项目以显示三个关键信息:

  • 折扣前的价格
  • 折扣后的价格
  • 描述已应用折扣的消息。

要做到这一点,请使用以下液体对象属性:

  • line_item.total_discount返回已应用于行项目的折扣金额
  • line_item.original_line_price返回折扣前的行项目价格
  • line_item.message返回一条消息,该消息描述应用于行项目的折扣。

它可以帮助区分原来的线路价格和折扣线路价格使用划线效果:

< tbody类=“单项”>{%表示购物车中的商品。项目%}< tr >< td >{{item.product.title}}道明> < /< td >{{项目。量}}道明> < /< td >{{项目。Line_price}} {%Total_discount > 0 %}<年代>{{项目。original_line_price}}< / s >{{项目。消息}}){% endif %}道明> < /< / tr >{% endfor %}tbody > < /

您的购物车现在看起来应该是这样的:

产品< / th >< th >数量< / th >< th >总计< / th >< / tr >< / thead >< tbody类=“单项”>< tr >< tdscope="row">足球道明> < /< td >1道明> < /< td >15。00美元道明> < /< / tr >< tr >< tdscope="row">网球道明> < /< td >5道明> < /< td >22.50美元<年代>25.00美元< / s >(两个或两个以上网球打九折)道明> < /< / tr >< tr >< tdscope="row">跑步鞋道明> < /< td >1道明> < /< td >25.00美元<年代>30.00美元< / s >(所有鞋子减价5美元)道明> < /< / tr >tbody > < /< tfoot类=“摘要”>< tr >< tdcolspan =“2”>总计道明> < /< td >62.50美元道明> < /< / tr >< / tfoot >表> < /

更新购物车摘要

为了帮助客户跟踪他们的订单价格,你还应该显示:

  • 购物车的原始小计,让客户比较前后的折扣总额
  • 顾客在购物车上收到的总节省。

同样,要添加此信息,请使用以下液体对象属性:

  • cart.total_discount返回应用于购物车中的商品的折扣金额
  • cart.original_total_price返回折扣前购物车的小计。

有了这些信息,你就更新了.summaryBlock可能是这样的:

< tfoot类=“摘要”>< tr >< tdcolspan =“2”>小计道明> < /< td >{{购物车。Original_total_price | money}}道明> < /< / tr >< tr >< tdcolspan =“2”>折扣储蓄道明> < /< td >{{购物车。Total_discount | money}}道明> < /< / tr >< tr >< tdcolspan =“2”>总计道明> < /< td >{{购物车。Total_price | money}}道明> < /< / tr >< / tfoot >

您的推车表现在看起来应该是这样的:

产品< / th >< th >数量< / th >< th >总计< / th >< / tr >< / thead >< tbody类=“单项”>< tr >< tdscope="row">足球道明> < /< td >1道明> < /< td >15。00美元道明> < /< / tr >< tr >< tdscope="row">网球道明> < /< td >5道明> < /< td >22.50美元<年代>25.00美元< / s >(两个或两个以上网球打九折)道明> < /< / tr >< tr >< tdscope="row">跑步鞋道明> < /< td >1道明> < /< td >25.00美元<年代>30.00美元< / s >(所有鞋子减价5美元)道明> < /< / tr >tbody > < /< tfoot类=“摘要”>< tr >< tdcolspan =“2”>小计道明> < /< td >70.00美元道明> < /< / tr >< tr >< tdcolspan =“2”>折扣储蓄道明> < /< td >7.50美元道明> < /< / tr >< tr >< tdcolspan =“2”>总计道明> < /< td >62.50美元道明> < /< / tr >< / tfoot >表> < /

通过向模板中添加一些新的Liquid对象,您可以帮助客户了解折扣的计算方式。

其他的例子

下面的Liquid示例显示了每个行项目的折扣:

{%如果original_line_price! =line_price%}<小类=“原价”> <年代>{{original_line_price|}}小> < / s > < /{%endif%}{{line_price|}}{%折扣item.discounts%}<小类= "折扣" >{{折扣标题}}> < /小{%endfor%}

看到另一个折扣的例子包括Liquid代码的修改。

准备好开始使用ShOB欧宝娱乐APPopify销售了吗?

免费试用