优化shopify:不使用app的情况下在Shopify添加公告栏(带计算包邮门槛)

{% if section.settings.message %}
 {% if section.settings.home_page_only == false or template.name == 'index' %}
 <style>
 .announcement-bar {
 background-color: {{ section.settings.color_bg }};
 text-align:center;
 {% if section.settings.header_padding > 0 %}
 position:absolute;
 top: -{{ section.settings.header_padding }}px !important;
 left:0;
 width:100%;
 z-index:9;
 {% endif %}
 }
 .announcement-bar p {
 padding:10px 0;
 font-size: {{ section.settings.font_size }}px;
 margin:0 !important;
 }
 .announcement-bar__message,
 .announcement-bar--link {
 color: {{ section.settings.color_text }};
 }
 .announcement-bar--link:hover,
 .announcement-bar--link:hover .announcement-bar__message {
 color: {{ section.settings.color_text_hover }} !important;
 }
 body {
 position:relative;
 top: {{ section.settings.header_padding }}px !important;
 }
 </style>

 {% if section.settings.message_link == blank %}
 <div class="announcement-bar">
 {% else %}
 <a href="{{ section.settings.message_link }}" class="announcement-bar announcement-bar--link">
 {% endif %}

 {% capture shipping_value %}{{ section.settings.free_shipping_threshold | times: 100 }}{% endcapture %}
 {% assign cart_total = cart.total_price %}
 {% assign shipping_value_left = shipping_value | minus: cart_total %}
 {% assign shipping_value_left_money = shipping_value_left | money %}
 {% capture free_shipping_notqualified %}
 {{ section.settings.free_shipping_notqualified | replace: '[price]', shipping_value_left_money }}
 {% endcapture %}
 {% assign free_shipping_qualified = section.settings.free_shipping_qualified %}
 {% assign announcement_message = section.settings.message_text %}
 
 {% if section.settings.free_shipping_countdown %}
 {% if cart.total_price > 0 %}
 {% assign announcement_message = free_shipping_notqualified %}
 {% endif %}
 {% if shipping_value_left <= 0 %}
 {% assign announcement_message = free_shipping_qualified %}
 {% endif %}
 {% endif %}
 
 <p class="announcement-bar__message">{{ announcement_message }}</p>

 {% if section.settings.message_link == blank %}
 </div>
 {% else %}
 </a>
 {% endif %}

 {% endif %}
{% endif %}

<style>
 
</style>

{% schema %}
 {
 "name": "公告栏",
 "settings": [
 {
 "type": "header",
 "content": "通用"
 },
 {
 "type": "checkbox",
 "id": "message",
 "label": "显示公告",
 "default": false
 },
 {
 "type": "checkbox",
 "id": "home_page_only",
 "label": "只在主页显示",
 "default": false
 },
 {
 "type": "range",
 "id": "header_padding",
 "min": 0,
 "max": 100,
 "step": 1,
 "unit": "px",
 "label": "顶部间距",
 "default": 0,
 "info": "将页面内容向下推到公告栏下方（仅在某些主题上需要）"
 },
 {
 "type": "header",
 "content": "内容"
 },
 {
 "type": "text",
 "id": "message_text",
 "label": "公告",
 "default": "这里填公告内容"
 },
 {
 "type": "checkbox",
 "id": "free_shipping_countdown",
 "label": "显示包邮倒计时",
 "info": "告诉客户需要添加到购物车中多少才能获得免费配送（仅当购物车中至少有一个商品时才会显示）.",
 "default": false
 },
 {
 "type": "range",
 "id": "free_shipping_threshold",
 "min": 5,
 "max": 100,
 "step": 1,
 "unit": "$",
 "label": "包邮门槛",
 "default": 25,
 "info": "客户免费配送的金额（必须与您的配送设置匹配）。"
 },
 {
 "type": "textarea",
 "id": "free_shipping_notqualified",
 "label": "不符合包邮的信息",
 "default": "Add just [price] to your cart to receive free shipping!"
 },
 {
 "type": "textarea",
 "id": "free_shipping_qualified",
 "label": "符合包邮的信息",
 "default": "Your order qualifies for free shipping!"
 },
 {
 "type": "url",
 "id": "message_link",
 "label": "链接",
 "info": "可选"
 },
 {
 "type": "header",
 "content": "字体和颜色"
 },
 {
 "type": "color",
 "id": "color_bg",
 "label": "背景颜色",
 "default": "#333333"
 },
 {
 "type": "color",
 "id": "color_text",
 "label": "文字颜色",
 "default": "#ffffff"
 },
 {
 "type": "color",
 "id": "color_text_hover",
 "label": "链接颜色",
 "default": "#eeeeee"
 },
 {
 "type": "range",
 "id": "font_size",
 "min": 8,
 "max": 36,
 "step": 1,
 "unit": "px",
 "label": "字体大小",
 "default": 14
 }
 ]
 }
{% endschema %}

{% section 'header' %}

{% section 'general-header' %}
 
{% section 'dynamic-header' %}

{% section 'announcement-bar' %}