积分插件集成说明
PS：使用积分商城插件需要将主题升级到最新版本，升级主题会把站点还原成该主题初始状态，在2024年1月29号之后安装的主题可以不用升级主题（如果主题有改动很多不想升级主题，可以自行按照下面说明添加代码显示，或者联系运营让研发帮忙添加集成代码）
1、前往商城后台>在线商城>主题模板>编辑HTML/CSS
2、在layout文件夹中找到theme.liquid文件并打开，在</head>上面添加如下代码，添加完成之后点击保存（该代码是引用积分商城的样式文件）（此代码必须添加）
<link rel="stylesheet" href="{{ shop.assetsurl }}assets/css/point.css" media="all" onload="this.media='all'" />
<noscript><link href="{{ shop.assetsurl }}assets/css/point.css" rel="stylesheet" type="text/css" media="all" /></noscript>
3、在layout文件夹中找到user_layout.liquid文件并打开，在</head>上面添加如下代码，添加完成之后点击保存（该代码是引用积分商城的样式文件）（此代码必须添加）
<link href="{{ shop.assetsurl }}assets/css/point.css" rel="stylesheet" type="text/css" media="all" />
4、在snippets文件夹中找到footer.liquid文件并打开，在文件最底部添加如下代码，添加完成之后点击保存（该代码是引用积分商城的脚本文件）（此代码必须添加）
<script type="text/javascript" src="{{ shop.assetsurl}}assets/js/point.js"></script>
5、在snippets文件夹中打开header.liquid 和 footer.liquid 文件，分别在2个文件中搜索customer.id，有搜索到就添加，如文件中搜索不到，则可不用添加，加在<a onclick="sign_out()">上面，添加代码如下，添加完成之后点击保存（此代码可根据实际需要添加）
{% if showintegral %}
<li><a href="/points" rel="nofollow" title="Points Info">{{ language.points_my }} {{ pointsetting.pluralname }}</a></li>
{% endif %}
添加该代码是显示前端站点在客户登录之后的菜单栏中显示我的积分导航，可快速跳转到我的积分页面
PC端客户登录后显示的位置
手机端客户登录之后点击菜单栏显示的位置
6、在snippets文件夹中找到user_nav.liquid文件并打开，如下图所示添加如下代码，添加完成之后点击保存（此代码可根据实际需要添加）
{% if showintegral %}
<a href="/points" rel="nofollow" class="list-group-item">{{ language.points_my }} {{ pointsetting.pluralname }}</a>
{% endif %}
该代码是显示前端站点客户登录后我的账户里面左侧导航栏显示，显示位置如下图所示
7、在snippets文件夹中找到order-price.liquid文件并打开，如下图所示添加如下代码，添加完成之后点击保存（此代码必须添加）
该代码是显示订单信息里的积分抵扣金额明细，如下图所示
8、在templates文件夹中找到checkoutnew.liquid文件并打开，该文件中有四部分代码需要添加，如下图所示添加如下代码，添加完成之后点击保存（该代码是添加下单页面输入使用积分功能）（此代码必须添加）
第一部分在第8行添加代码如下
var pointinfo;
var usepoint=0,exchangeamount=0;
{% if showintegral and pointsetting.isopen_deductionpoints and pointforcheck %}
pointinfo={{ pointforcheck | json }};
{% endif %}
第19行添加代码如下
exchangeamount={{ order.exchangeamount }};
usepoint={{ order.point }};
第二部分在第127行处添加代码如下
{% if showintegral and pointsetting.isopen_deductionpoints and pointforcheck %}
<div class="order_section">
<div class="field_input_wrapper">
<div class="field_half">
<label class="field_label">{{language.points_use}}</label>
<div class="field_input">
<input placeholder="{{language.points_use}}" id="use_point" name="usepoint" class="usepoint form-control" value="{{ order.point }}" />
</div>
</div>
<button type="button" class="btn point_button" disabled="" onclick="UsePointSubmit(this)">{{ language.message_apply }}</button>
<div class="order_section_div clearfix">
<label>{{language.points_total_use}}</label>
<span class="total_point">{{ pointforcheck.effectivepoints }}</span>
</div>
</div>
</div>
{% endif%}
第三部分在第165行处添加代码如下
{% if showintegral and pointsetting.isopen_deductionpoints and pointforcheck %}
<div class="order_section_div point_amount clearfix">
<label>{{language.points_amount_use}}</label>
<span data-type="pointamount">{{ 0 | money }}</span>
</div>
{% endif %}
第四部分在第551行处添加代码如下
{% if showintegral and pointsetting.isopen_deductionpoints and pointforcheck %}
<div class="order_section">
<div class="field_input_wrapper">
<div class="field_half">
<label class="field_label">{{language.points_use}}</label>
<div class="field_input">
<input placeholder="{{language.points_use}}" id="use_point" name="usepoint" class="usepoint form-control" value="{{ order.point }}" />
</div>
</div>
<button type="button" class="btn point_button" disabled="" onclick="UsePointSubmit(this)">{{ language.message_apply }}</button>
<div class="order_section_div clearfix">
<label>{{language.points_total_use}}</label>
<span class="total_point">{{ pointforcheck.effectivepoints }}</span>
</div>
</div>
</div>
{% endif%}
添加完成如上代码下单页面才有显示输入使用积分和积分可抵扣金额
9、先到templates文件夹中index.liquid文件中复制{% case snippet.tag %} 到 {% endcase %}中的内容
粘贴覆盖到templates文件夹中pointposter.liquid文件中的{% case snippet.tag %} 到 {% endcase %}的内容，然后在尾部{% endcase %}上面添加如下代码（该代码是编辑显示海报页面组件）
{% when "pointpromotion" %}
{% include pointpromotion %}
{% when "pointlist" %}
{% include pointlist %}
{% when "pointuse" %}
{% include pointuse %}
{% when "pointperks" %}
{% include pointperks %}
{% when "pointposterpage" %}
{% include pointposterpage %}
- 最后更新于 2024-01-31
来自客户的评价
用万全云商城已将近一年的时间了。在这一年里面印象最深刻的是，前台体验非常棒，人性化的后台设计，以及及时、贴心的售后服务跟进。希望万全云商城越来越好，加油！！！
我是从2014年10月下旬用开始万全云商城建站，做的是B2C独立站，学的效果目前非常良好，客服特别给力，我们提出的各种问题，都能及时，很快的得到解决，选择万全云商城没错。
从3C、手机配件、平衡车再到VR。我只相信万全云商城。另外，我强烈推荐定制专属商城，他们定制的站点真心不错。
