【Shopify】购物车界面样式优化

购物车界面优化对比：

购物车界面优化前

优化后

此次优化共有三处需要需改，请根据以下步骤逐步修改：

1.更改文案：

将 I will be using a coupon instead 修改为 I will be using a coupon instead at next step。

• 打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 搜索并打开special-offers-templates.liquid -- 在标记中修改文案即可。

修改文案处

2.更改样式：

请将一下代码复制粘贴至 theme.scss.liquid 最底部。

/* --------- Cart Page - Special Offer-------*/
.saso-use-discount-code-cart-container::after{
    background-color: transparent !important;
}
.saso-use-discount-code-cart-container{
    margin: 20px 0;
}
.SectionHeader .saso-summary{
    display:none !important;
}
.saso-summary-line-buyxfor{
    display:none;
}
.SectionHeader .saso-cart-total{
    display:none !important;
}
.saso-use-discount-instead-container{
    font-size:16px;
    color:#6a6a6a;
}
.Cart__Footer .saso-summary{
    margin-top: -25px;
}

3.更改单选提示框位置：

• 打开shopify后台 -- 依次点击 Online Store -- Actions -- Edit Code -- 搜索并打开cart-template.liquid
  目标代码：

<div class="saso-summary"></div>

请复制该行目标代码并粘贴于cart-template.liquid文件中每一个出现<span class="saso-cart-total"></span>的下方，如图：

目标位置

操作中遇到困难请联系技术部同事。
有任何意见建议请联系技术部同事。
😊