• 搜索
官方微信群 扫码添加,拉你进群
订阅号
服务号
跨境资讯

为你推送和解读最前沿、最有料的跨境电商资讯

90% 亚马逊卖家都在关注的微信公众号

精选今日跨境电商头条资讯

亚马逊品牌备案遭拒绝和滥用品牌背后的真相

网商动力
(eceky.cn)实用跨境电商导航工具,致力打造集全球开店服务、 !。
2022-08-28 09:01:02
35

【Shopify外贸建站】Shopify如何隐藏Add to cart加入购物车按键?(经典Shopify模板)

本文将介绍Shopify如何隐藏Add to cart加入购物车按键?(经典Shopify模板)。适用情况:您的Shopify网站想改成外贸型网站,进行产品展示、引导客户询盘表单咨询报价、获得顾客联系方式、或订阅等目标。

是的,Shopify网站是可以改成B2B外贸型网站的,把价格、数量选择器、加车、购买等按键或网页隐藏便可以。使用Shopify建外贸网站有这些优点:1.价格便宜。2.模块化建站,操作简单。3.商家可随意控制、更改。

注意:此自定义用于经典 Shopify 模板,不适用于“Online Store 2.0”模板。“Online Store 2.0”模板请点击头像查找或咨询博主。

可以看到下图,现在这个产品是有Add to cart按键

我们接下来会把这个Add to cart按键隐藏。


1.进入到Shopify商家后台,点击Online Store

2.点击Themes

3.点击Actions

4.点击Edit code

5.在Search files里输入product

6.点击main-product.liquid

7.按键盘Ctrl+F

8.在搜索框里输入cart

9.如图

10.找到以下代码,可以注意代码前部的数字范围,可快速找到

                     <button                      type="submit"                      name="add"                      class="product-form__submit button button--full-width {% if block.settings.show_dynamic_checkout and product.selling_plan_groups == empty %}button--secondary{% else %}button--primary{% endif %}"                    {% if product.selected_or_first_available_variant.available == false %}disabled{% endif %}                    >                        <span>                          {%- if product.selected_or_first_available_variant.available -%}                            {{ 'products.product.add_to_cart' | t }}                          {%- else -%}                            {{ 'products.product.sold_out' | t }}                          {%- endif -%}                        </span>


    11.把这个代码{% comment %}放到上图代码前面。把这个代码{% endcomment %}放到上图代码后面

    12.如以下代码       

                         {% comment %}                    <button                      type="submit"                      name="add"                      class="product-form__submit button button--full-width {% if block.settings.show_dynamic_checkout and product.selling_plan_groups == empty %}button--secondary{% else %}button--primary{% endif %}"                    {% if product.selected_or_first_available_variant.available == false %}disabled{% endif %}                    >                        <span>                          {%- if product.selected_or_first_available_variant.available -%}                            {{ 'products.product.add_to_cart' | t }}                          {%- else -%}                            {{ 'products.product.sold_out' | t }}                          {%- endif -%}                        </span>                      {% endcomment %}

      13.添加后,如图

      14.点击右上角Save

      15.回到产品页,点击刷新。多刷新几次,可以等几分钟再刷新。

      16.如图,Add to cart按键已被隐藏

      如果您有对Shopify改成B2B外贸型网站有任何疑问,欢迎咨询博主。



      二维码
      我们建了一个亚马逊卖家交流群,里面不乏很多大卖家。
      现在扫码回复“ 加群 ”,拉你进群。
      目前30万+人已关注加入我们
      声明:此文章来源于网络,不代表网商动力立场。如有侵权,请联系我们。
      快给朋友分享吧!
      0 赞
      最新
      跨境电商入门指南:如何入驻Mercadolibre平台全解析
      跨境电商入门指南:如何入驻Mercadolibre平台全解析
      跨境电商入门指南:如何入驻Mercadolibre平台全解析 正文: 在全球化的大背景下,越来越多的国内卖家开始寻求跨境电商的机会。Mercadolibre作为拉丁美洲最大的电子商...
      Ozon平台合法性解析:探究Ozon跨境电商业务的可行性与合规性
      Ozon平台合法性解析:探究Ozon跨境电商业务的可行性与合规性
      Ozon平台运营规范:揭秘Ozon跨境电商平台的规则与标准 在跨境电商日益繁荣的当下,Ozon平台凭借其良好的口碑和优质的服务,吸引了众多商家和消费者的关注。为了确保平...
      Shein平台入驻揭秘:深入了解Shein入驻模式和注册流程要点
      Shein平台入驻揭秘:深入了解Shein入驻模式和注册流程要点
      Shein注册指南:轻松上手:Shein详细注册流程全攻略 在追求时尚与便捷购物的时代,Shein作为一家领先的时尚购物网站,不仅提供了丰富的潮流服饰和配饰,还支持全球快速发...
      gmarket官网新用户注册攻略:一步步教你完成注册流程
      gmarket官网新用户注册攻略:一步步教你完成注册流程
      Gemini交易平台注册全攻略:松创建账户+身份验证流程详解 在全球数字货币交易领域,Gemini平台以其安全可靠和合规性著称。想要加入Gemini进行数字货币交易?本文将为您...
      2024年Ozon跨境电商市场新机遇:卖家现状与运营策略解析
      2024年Ozon跨境电商市场新机遇:卖家现状与运营策略解析
      2024年Ozon跨境电商市场新机遇:卖家现状与运营策略解析 随着跨境电商的蓬勃发展,Ozon平台作为俄罗斯最大的在线购物平台之一,吸引了全球众多卖家的目光。面对2024年...
      亚马逊官网登录入口:快速链接及详细登录步骤
      亚马逊官网登录入口:快速链接及详细登录步骤
      亚马逊全解析:深度揭秘平台优势与全球站点运营策略 摘要:亚马逊,作为全球最大的电子商务平台之一,以其卓越的平台优势和多站点布局吸引了无数卖家。本文将对亚马逊的...
      Copyright ? 2016-2022 ? ? 亚马逊卖家导航? ? 晋ICP备20005961号-2 声明:网站上的服务均为第三方提供,与网商动力无关。请用户注意甄别服务质量,避免上当受骗。