Shopify医药店铺搜索栏定制：仅向注册用户显示+仅展示搜索指定药品

1. 仅对登录用户显示搜索栏 #

• 找到主题中渲染搜索栏的模板文件（通常是 sections/header.liquid 或 snippets/search-bar.liquid）
• 用Liquid条件判断包裹搜索栏代码，仅当用户已登录时渲染：

{% if customer %}
  <!-- 原有搜索栏HTML代码 -->
  <div class="search-bar">
    <form action="/search" method="get">
      <input type="text" name="q" placeholder="搜索药品..." />
      <button type="submit">搜索</button>
    </form>
  </div>
{% endif %}

• 逻辑：Shopify的customer对象仅在用户登录后存在，未登录时该对象为nil，条件不成立则搜索栏不渲染。

2. 隐藏全部商品，仅展示用户搜索指定的药品 #

需修改产品列表相关模板，覆盖集合页、首页等所有商品展示场景：

集合/产品列表模板修改（如 templates/collection.liquid 或 sections/product-grid.liquid） #

添加条件判断，仅当存在搜索参数q时渲染商品列表，否则显示提示：

{% if request.params.q %}
  <!-- 原有商品列表渲染代码 -->
  <div class="product-grid">
    {% for product in collection.products %}
      <div class="product-item">
        <a href="{{ product.url }}">{{ product.title }}</a>
        <!-- 其他商品信息代码 -->
      </div>
    {% endfor %}
  </div>
{% else %}
  <div class="no-products-message">
    <p>请登录后搜索您需要的药品名称</p>
  </div>
{% endif %}

首页商品模块修改（若首页有商品展示） #

找到首页商品渲染模板（如 sections/featured-products.liquid），添加同样的判断逻辑：

{% if request.params.q %}
  {% for product in collections.all.products %}
    {% if product.title contains request.params.q %}
      <div class="product-item">
        <a href="{{ product.url }}">{{ product.title }}</a>
      </div>
    {% endif %}
  {% endfor %}
{% else %}
  <p>请登录后搜索药品名称查看相关商品</p>
{% endif %}

补充说明 #

• 搜索结果页面（templates/search.liquid）无需额外修改，本身就是基于q参数返回匹配商品。
• 若需更严格控制，可在后台设置所有集合不对外公开，仅通过搜索访问，上述模板修改已能满足基础需求。

内容的提问来源于stack exchange，提问作者abrar