主题集成说明

PS:使用自定义规格插件需要将主题升级到最新版本,升级主题会把站点还原成该主题初始状态,在2024年6月21号之后安装的主题可以不用升级主题(如果主题有改动很多不想升级主题,可以自行按照下面说明添加代码显示,或者联系运营让研发帮忙添加集成代码)

1、前往商城后台>在线商城>主题模板>编辑HTML/CSS

2.1、在snippets文件夹中找到或者搜索cart-item.liquid文件并打开,如下图所示位置把第四行

里的代码替换为如下代码,替换完成后点击保存(此代码必须替换)

<div class="title">
            {% capture order_option_price %}{{ item.optionprice }}{% endcapture %}
            {%if item.attribute != '' %}
                <a href="{{ item.url }}" title="{{ item.productname | strip_quotes }}">{{ item.productname }}</a>
                <div class="optionDiv">
                    <div class="itemOption">
                        <span class="originAttr">{{ item.attribute | replace:'卍', ',' }}</span>
                    </div>
                    {%if order_option_price != '0' %}
                        <span class="optionprice">
                    {{ item.baseprice | money }}
                    </span>
                    {% endif %}
                </div>
            {% else %}
                <div class="optionDiv">
                    <div class="itemOption" style="line-height: normal;">
                        <a href="{{ item.url }}" title="{{ item.productname | strip_quotes }}">{{ item.productname }}</a>
                    </div>
                    {%if order_option_price != '0' %}
                        <span class="optionprice">
                    {{ item.baseprice | money }}
                    </span>
                    {% endif %}
                </div>
            {% endif %}
            {% for option in item.options %}
                <div class="optionDiv">
                    {{option.html}}
                    {% capture option_price %}{{option.price }}{% endcapture %}
                    {% if option_price != '0' %}
                        {% if option_price != '0.0' %}
                            <span class="optionprice">{{option.price | money}}</span>
                        {%endif%}
                    {%endif%}
                </div>
            {% endfor %}
        </div>

2.2、在cart-item.liquid文件中,如下图所示位置把

里的代码替换为如下代码,替换完成后点击保存(此代码必须替换)

                    <div class="num">
                        {% if !item.unavailable == false and item.soldout == false %}
                            <div class="cart_td_qty" data-sku="{{ item.skuid }}" data-id="{{ item.productid }}" data-optionsskuid="{{ item.optionskuid }}"> <i class="num_n">-</i><input value="{{ item.quantity }}" data-value="{{ item.quantity }}" class="cart_num" max="{{ item.stock }}" type="text" onblur_get="UpdateNum('{{ item.skuid }}','{{ item.productid }}','{{ item.optionskuid }}','{{ forloop.index0 }}')" /><i class="num_y">+</i></div>
                        {% endif %}
                        {% if item.unavailable %}<span class="label label-default">{{language.cart_item_unavailable}}</span>{% endif %}{% if item.soldout %}<span class="label label-default">{{language.cart_item_sold_out}}</span>{% endif %}
                    </div>

3、在snippets文件夹中找到或者搜索order-details.liquid文件并打开,如下图所示位置的代码替换为如下代码,替换完成后点击保存(此代码必须替换)

                    <!-- add option -->
                    {% capture order_option_price %}{{ item.optionprice }}{% endcapture %}
                    {%if order_option_price == '0.0' %}
                        {% capture order_option_price %}0{% endcapture %}
                    {%endif%}
                    {%if item.attribute != '' %}
                        <div class="tdTitle">{{ item.productname }}</div>
                        <div class="optionDiv">
                            <div class="itemOption clearfix">
                                <span class="label label-default">{{ item.attribute | replace:'卍', '</span> <span class="label label-default" style="margin-left: 2px;"> ' }}</span>
                            </div>
                            {%if order_option_price != '0' %}
                                <span class="optionprice">
                                    {{ item.baseprice | money }}
                                </span>
                            {% endif %}
                        </div>
                    {%else%}
                        <div class="optionDiv">
                            <div class="itemOption" style="line-height: normal;">
                                {{ item.productname }}
                            </div>
                            {%if order_option_price != '0' %}
                                <span class="optionprice">
                                    {{ item.baseprice | money }}
                                </span>
                            {% endif %}
                        </div>
                    {% endif %}
                    {% for option in item.options %}
                        <div class="optionDiv">
                            {{option.html}}
                            {% capture option_price %}{{option.price }}{% endcapture %}
                            {% if option_price != '0.0' %}
                                <span class="optionprice">{{option.price | money}}</span>
                            {%endif%}
                        </div>
                    {% endfor %}
                    <!-- add option -->

4、在templates文件夹中找到或者搜索checkoutnew.liquid文件并打开,该文件中有3部分代码需要添加,如下图所示添加如下代码,添加完成之后点击保存(此代码必须添加)

分别在第102,513,644行代码{% if item.attribute %}下一行处添加代码

                    <!-- add customOption -->
                    {% for option in item.options %}
                        {{ option.html }}
                    {% endfor %}

5、在templates文件夹中找到或者搜索product.liquid文件并打开

如下图所示,找到

<form action="/cart" method="post" id="cart" name="cart" onsubmit="return submit_form(this);">

把该行代码剪切放到下图代码之前,修改完成之后点击保存(此代码必须替换位置)



  • 最后更新于 2024-06-29

来自客户的评价

张小姐

专注高端眼镜

用外贸商桥已将近一年的时间了。在这一年里面印象最深刻的是,前台体验非常棒,人性化的后台设计,以及及时、贴心的售后服务跟进。希望外贸商桥越来越好,加油!!!

婴儿之家

跨境母婴B2C商城

我是从2014年10月下旬用开始外贸商桥建站,做的是B2C独立站,学的效果目前非常良好,客服特别给力,我们提出的各种问题,都能及时,很快的得到解决,选择外贸商桥没错。

Jason 王

专注电子产品。

从3C、手机配件、平衡车再到VR。我只相信外贸商桥。另外,我强烈推荐定制专属商城,他们定制的站点真心不错。

8,632

我们期待您的加入。

更多成功故事
阿里云 paypal  速卖通 敦煌网 新网互联
电话咨询

15980819537

在线咨询 扫码关注

关注官方微信