카트에 추가 버튼 숨기기

상점에서 카트에 추가 버튼을 숨기고 향후 다시 표시할 수 있습니다.

섹션 지원 및 섹션 미지원 테마

Sectioned
  1. Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
  2. 편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
  3. 섹션 디렉토리에서 product-template.liquid 파일을 클릭하여 엽니다. 카트에 추가 버튼에 해당하는 HTML 코드를 찾습니다. 카트(cart)라는 단어를 사용하여 검색을 시작할 수 있습니다.

카트에 추가 버튼의 코드는 테마별로 다릅니다. Add to cart, AddToCart 또는 add-to-cart 같은 텍스트가 있는 <input> 또는 <button> 태그를 찾습니다.

Debut 테마에서 카트에 추가 버튼 코드는 다음과 같이 표시됩니다.

<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>
  1. 코드를 찾으면 Liquid {% comment %}{% endcomment %} 태그로 둘러쌉니다. 이렇게 하면 스토어에 코드가 표시되지 않지만 나중에 새 템플릿을 변경하려는 경우 코드를 보다 쉽게 다시 넣을 수 있습니다.

위의 예제를 사용한 새 코드는 다음과 같습니다.

{% comment %}
<button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
  <span id="AddToCartText-{{ section.id }}">
    {% unless current_variant.available %}
      {{ 'products.product.sold_out' | t }}
    {% else %}
      {{ 'products.product.add_to_cart' | t }}
    {% endunless %}
  </span>
</button>
{% endcomment %}
  1. 저장을 클릭하여 변경 사항을 확인합니다.

카트에 추가 버튼을 다시 표시할 준비가 되면 HTML/CSS 페이지 편집product-template.liquid 파일로 돌아가서 {% comment %}{% endcomment %} 태그를 제거하고 저장을 클릭합니다.

Non-sectioned
  1. Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
  2. 편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집을 클릭합니다.
  3. 템플릿 디렉토리에서 product.liquid 파일을 클릭하여 엽니다. 카트에 추가 버튼에 해당하는 HTML 코드를 찾습니다. 카트(cart)라는 단어를 사용하여 검색을 시작할 수 있습니다.

카트에 추가 버튼의 코드는 테마별로 다릅니다. Add to cart, AddToCart 또는 add-to-cart 같은 텍스트가 있는 <input> 또는 <button> 태그를 찾습니다.

Minimal 테마에서 카트에 추가 버튼 코드는 다음과 같이 표시됩니다.

<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
  1. 코드를 찾으면 Liquid {% comment %}{% endcomment %} 태그로 둘러쌉니다. 이렇게 하면 스토어에 코드가 표시되지 않지만 나중에 새 템플릿을 변경하려는 경우 코드를 보다 쉽게 다시 넣을 수 있습니다.

위의 예제를 사용한 새 코드는 다음과 같습니다.

{% comment %}
<button type="submit" name="add" id="AddToCart" class="btn">
  <span id="AddToCartText">{{ 'products.product.add_to_cart' | t }}</span>
</button>
{% endcomment %}
  1. 저장을 클릭하여 변경 사항을 확인합니다.

카트에 추가 버튼을 다시 표시할 준비가 되면 HTML/CSS 페이지 편집product.liquid 템플릿으로 돌아가서 {% comment %}{% endcomment %} 태그를 제거하고 저장을 클릭합니다.

적절한 답변을 찾을 수 없습니까? 언제든지 도와드리겠습니다.