Shopify에서 변형 하나 얻기

Question

내 제품에는 2 가지 변형, 크기 및 색상이 있습니다. 크기 옵션을 일련의 단추로 표시하려고합니다. 여기에 내 현재 코드입니다 :

{% for variant in product.variants %} 
    <input type="button" name="{{ variant.id }}" id="{{ variant.id }}" value="{{ variant.title }}"> 
{% endfor %} 

이 난 그냥 S, M 및 L.이 문서의 예제 코드에서 당기면 원하는 S/화이트, M/화이트, L/화이트, 등과 같은 값으로 버튼을 반환 나는

{% for variant in product.variants.first %} 

{% for variant in product.variants.size %} 

및

을 시도했지만 아무것도 출력하지 않기 때문에 분명 그 올바른 구문이 아닙니다.

어떻게해야할까요?

TIA - Joe

Answer 1

변형은 최대 3 개의 옵션을 포함합니다. 귀하의 경우, variant.option1 크기 (S/M/L)을 알려 드리며 색상은 variant.option2입니다. 옵션의 제목은 product.options으로 얻을 수 있습니다. 변종에 대한 자세한 내용은 See the doco here을 참조하십시오.

또한 제품 페이지에 색상 견본 및 버튼 추가시 this tutorial을 보았습니까? 단추를 만드는 코드 중 일부가 시작하는 데 도움이 될 수 있습니다.

편집 :

위에서 언급 한 튜토리얼을 따라, 당신은 같은 크기 옵션 버튼을 얻을 수 있습니다 : 에이 코드를 넣어

이 </select> 아래을 product.liquid :

{% if product.available and product.variants.size > 1 %} 
    {% include 'swatch' with 'Size' %} 
{% endif %} 

당신은 또한 색상 옵션 버튼 (그리고 견본)을 원하는 경우, product.liquid 이 코드를 사용합니다

:

{% if product.available and product.variants.size > 1 %} 
    {% for option in product.options %} 
    {% include 'swatch' with option %} 
    {% endfor %} 
{% endif %} 

을 그리고 에서 이러한 행을 삭제는 (라인 30) swatch.liquid

{% if downcased_option contains 'color' or downcased_option contains 'colour' %} 
    {% assign is_color = true %} 
{% endif %}