shopify-development

예상 결과:

• query GetProducts($first: Int!, $after: String) {
• products(first: $first, after: $after) {
• edges {
• node {
• id
• title
• variants(first: 10) {
• edges {
• node {
• id
• price
• inventoryQuantity
• selectedOptions {
• name
• value
• }
• }
• }
• }
• }
• }
• pageInfo {
• hasNextPage
• endCursor
• }
• }
• }

예상 결과:

• {% comment %} 섹션이 포함된 제품 템플릿 {% endcomment %}
• {% section 'product-hero' %}
• <div class="product-hero">
• <h1>{{ product.title }}</h1>
• <p class="price">{{ product.selected_or_first_available_variant.price | money }}</p>
• {% form 'product', product %}
• <select name="id">
• {% for variant in product.variants %}
• <option value="{{ variant.id }}">{{ variant.title }}</option>
• {% endfor %}
• </select>
• <button type="submit">Add to Cart</button>
• {% endform %}
• </div>
• {% endsection %}