고객이 옵션을 선택하게 합니다

고객이 온라인 스토어의 제품 페이지를 방문하면 기본적으로 사용 가능한 첫 번째 이형 상품이 선택됩니다. 이 사용자 지정을 사용하여 사용 가능한 첫 번째 이형 상품의 자동 선택을 비활성화할 수 있습니다. 이렇게 하면 고객에게 이형 상품이 표시되기 전에 수동으로 이형 상품을 선택하라는 메시지가 표시됩니다.

옵션 선택

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

섹션 구분된 테마의 단계

테마 선택

이 사용자 지정 단계는 테마에 따라 다릅니다. 테마 버튼을 먼저 클릭하고 다음 지침을 따릅니다.

섹션 구분되지 않은 테마의 단계

이형 상품 드롭다운 메뉴에 프롬프트 추가

이형 상품 드롭다운 메뉴에 프롬프트를 추가하려면 다음을 수행하십시오.

  1. 코드 조각 디렉토리에서 새 코드 조각 추가를 클릭합니다.
  2. 새 코드 조각 pick-an-option의 이름을 지정합니다.

새 코드 조각 추가

  1. 새 코드 조각 파일에 GitHub에서 호스팅되는 코드입니다를 붙여넣습니다.
  2. 저장을 클릭합니다.
  3. 레이아웃 디렉토리에서 theme.liquid을(를) 클릭합니다.
  4. 파일 아래쪽에서 닫는 </body> 태그를 찾습니다. 닫는 </body> 태그 바로 위쪽 새 행에 다음 코드를 붙여넣습니다.
{% render 'pick-an-option' %}

옵션 선택 코드 조각 포함

  1. 저장을 클릭합니다.
  2. 카트에 추가 양식을 포함한 파일을 찾습니다. 해당 파일에는 action 특성이 /cart/add에 설정되어 있습니다. 다음 네 가지 파일 중 하나에서 찾아볼 수 있습니다.

    • 템플릿 아래에 있는 product.liquid 템플릿
    • 레이아웃 아래에 있는 theme.liquid 레이아웃
    • 코드 조각 아래에 있는 product.liquid 코드 조각
    • 코드 조각 아래에 있는 single-product.liquid 코드 조각
  3. 양식 내에서 이 코드를 찾습니다.

<option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

또는

<option {% if variant == current_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>

다음으로 교체합니다.

<option {% if forloop.length <= 1 and variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} - {{ variant.price | money_with_currency }}</option>
  1. 다음 코드를 찾아 교체합니다.
    • Minimal, Pop 또는 Supply: Minimal, Pop 또는 Supply를 사용하는 경우 다음 코드의 모든 항목을 찾습니다:
{% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}

다음으로 교체합니다.

{% assign featured_image = product.selected_variant.featured_image | default: product.featured_image %}
  • 기타 무료 Shopify 테마: 기타 Shopify 테마를 사용하는 경우 다음 코드를 찾습니다:
{% assign current_variant = product.selected_or_first_available_variant %}

다음으로 교체합니다.

{% assign current_variant = product.selected_variant %}
  1. 저장을 클릭합니다.

카트에 추가 버튼 언어 설정 변경

카트에 추가 버튼 언어 설정을 변경하여 선택을 마치기 전 제품이 "사용할 수 없는" 것으로 표시되지 않도록 할 수 있습니다.

  1. Shopify Admin에서 온라인 스토어 > 테마로 이동합니다.
  2. 편집할 테마를 찾은 다음 ... > 기본 테마 콘텐츠 편집을 클릭합니다.
  3. 필터 상자에서 unavailable 입력을 시작하여 "사용할 수 없음" 번역을 표시합니다.
  4. 사용할 수 없음 텍스트를 Make a selection으로 교체합니다.
  5. 저장을 클릭합니다.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험