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

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

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

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

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

网商动力
网商动力(https://www.eckey.cn)跨境电商,致力于提供一手资讯、干货知识。
2022-08-28 09:01:02
46

【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 赞
      最新
      Kilimall跨境电商卖家登录指南:官方入口网址与详细流程
      Kilimall跨境电商卖家登录指南:官方入口网址与详细流程
      Kilimall跨境电商卖家登录指南:官方入口与详细流程 在当今数字化时代,跨境电商已成为连接全球买家与卖家的重要桥梁。作为领先的跨境电商平台之一,Kilimall为众多商...
      揭秘2024国外最火跨境电商平台:卖家必备指南
      揭秘2024国外最火跨境电商平台:卖家必备指南
      揭秘2024国外最火跨境电商平台:卖家必备指南 随着全球电商市场的持续发展和融合,跨境电商平台已成为众多商家拓展国际市场的重要渠道。面对琳琅满目的平台选择,卖家...
      国内跨境电商实操指南:必备条件与步骤详解
      国内跨境电商实操指南:必备条件与步骤详解
      国内跨境电商实操指南:必备条件与步骤详解 随着全球化进程的加速,跨境电商已成为越来越多企业和个人的选择。为了在跨境电商领域取得成功,需要具备一定的条件和准备...
      探究TikTok最新动态:当前状况深度分析
      探究TikTok最新动态:当前状况深度分析
      国外抖音电商发展现状:短视频平台引领电商新潮流 随着移动互联网的飞速发展,电商行业已成为全球经济的重要支柱之一。近年来,国内抖音电商作为一股新生力量迅速崛起...
      国外电商平台有哪些?2024国外最火的跨境电商平台
      国外电商平台有哪些?2024国外最火的跨境电商平台
      全球跨境电商平台大汇总:探索各大洲的主流电商平台 在全球化的今天,跨境电商已经成为连接不同国家和地区消费者与商家的重要桥梁。本文将为您详细介绍全球各大洲的...
      一步一脚印:跨境电商海外运营详细流程分享
      一步一脚印:跨境电商海外运营详细流程分享
      一步一脚印:跨境电商海外运营详细流程分享 在全球化的今天,跨境电商已经成为许多企业拓展海外市场的重要途径。然而,海外运营并非易事,需要遵循一定的流程和策略。...
      Copyright ? 2016-2022 ? ? 亚马逊卖家导航? ? 晋ICP备20005961号-2 声明:网站上的服务均为第三方提供,与网商动力无关。请用户注意甄别服务质量,避免上当受骗。