제품 리뷰 앱 사용
이 페이지는 May 06, 2024에 인쇄되었습니다. 최신 버전은 https://help.shopify.com/ko/manual/products/product-reviews/installation?utm_campaign=Guru-+-ASK&utm_medium=forum&utm_source=social에서 확인하십시오.
참고 사항
2024년 5월 6일에 Product Reviews 앱이 Shopify에서 제거되며 더 이상 설치할 수 없습니다. 해당 날짜 이후 더 이상 기존 제품 리뷰에 액세스할 수 없으며 앱의 리뷰는 스토어에 더 이상 표시되지 않습니다. 스토어에서 제품 리뷰를 계속 수집하고 표시하려면 2024년 5월 6일 이전에 다른 제품 리뷰 앱으로 마이그레이션 해야 합니다.
제품 페이지에는 리뷰 양식을, 제품 및 컬렉션 페이지에는 리뷰 점수 배지를 추가할 수 있습니다. 이 튜토리얼의 단계는 테마 아키텍처 버전 에 따라 다릅니다. 온라인 스토어에 리뷰 요소를 추가하려면 테마 아키텍처 버전에 따라 지침을 따릅니다.
Online Store 2.0 테마 온라인 스토어 2.0 테마에 리뷰를 추가하고 리뷰 양식을 포함하며 별점을 표시할 수 있습니다.
Online Store 2.0 테마에 리뷰 및 리뷰 양식 추가 리뷰 및 리뷰 양식 앱 블록을 제품 템플릿의 섹션으로 추가하거나 제품 템플릿의 주요 제품 섹션에서 블록으로 추가할 수 있습니다. 이러한 옵션은 Shopify 테마 스토어의 모든 Online Store 2.0 테마에서 사용할 수 있습니다. 테마에 따라 다른 템플릿이나 섹션에 추가할 수 있습니다.
리뷰 및 리뷰 양식을 섹션으로 추가
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집하려는 테마를 찾은 다음 사용자 지정 을 클릭합니다.
리뷰 및 리뷰 양식 섹션을 추가하려는 제품 템플릿으로 이동합니다.
섹션 추가 를 클릭합니다.
드롭다운 메뉴의 앱 섹션에서 리뷰 앱 블록을 선택합니다.
선택 사항: 앱 섹션을 페이지에서 원하는 위치로 이동시킵니다.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
모든 테마 관리 를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정 을 탭합니다.
편집 을 탭합니다.
리뷰 및 리뷰 양식 섹션을 추가하려는 제품 템플릿으로 이동합니다.
섹션 추가 를 클릭합니다.
드롭다운 메뉴의 앱 섹션에서 리뷰 앱 블록을 선택합니다.
선택 사항: 앱 섹션을 페이지에서 원하는 위치로 이동시킵니다.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
모든 테마 관리 를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정 을 탭합니다.
편집 을 탭합니다.
리뷰 및 리뷰 양식 섹션을 추가하려는 제품 템플릿으로 이동합니다.
섹션 추가 를 클릭합니다.
드롭다운 메뉴의 앱 섹션에서 리뷰 앱 블록을 선택합니다.
선택 사항: 앱 섹션을 페이지에서 원하는 위치로 이동시킵니다.
저장 을 클릭합니다.
리뷰 및 리뷰 양식을 블록으로 추가
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집하려는 테마를 찾은 다음 사용자 지정 을 클릭합니다.
리뷰 및 리뷰 양식 블록을 추가하려는 페이지 및 섹션으로 이동합니다.
블록 추가 를 클릭합니다.
드롭다운 메뉴의 앱 섹션에서 리뷰 앱 블록을 선택합니다.
선택 사항: 리뷰 블록을 섹션에서 원하는 위치로 이동시킵니다.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
모든 테마 관리 를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정 을 탭합니다.
편집 을 탭합니다.
리뷰 및 리뷰 양식 블록을 추가하려는 페이지 및 섹션으로 이동합니다.
블록 추가 를 클릭합니다.
드롭다운 메뉴의 앱 섹션에서 리뷰 앱 블록을 선택합니다.
선택 사항: 리뷰 블록을 섹션에서 원하는 위치로 이동시킵니다.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
모든 테마 관리 를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정 을 탭합니다.
편집 을 탭합니다.
리뷰 및 리뷰 양식 블록을 추가하려는 페이지 및 섹션으로 이동합니다.
블록 추가 를 클릭합니다.
드롭다운 메뉴의 앱 섹션에서 리뷰 앱 블록을 선택합니다.
선택 사항: 리뷰 블록을 섹션에서 원하는 위치로 이동시킵니다.
저장 을 클릭합니다.
Online Store 2.0 테마에 별점 추가 제품 템플릿의 주요 제품 섹션에서 별점을 블록으로 추가할 수 있습니다. 이 옵션은 Shopify 테마 스토어의 모든 Online Store 2.0 테마에서 사용할 수 있습니다. 테마에 따라 다른 섹션 및 템플릿에 추가할 수 있습니다.
단계:
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집하려는 테마를 찾은 다음 사용자 지정 을 클릭합니다.
별점을 추가하려는 페이지 및 섹션으로 이동합니다.
블록 추가 를 클릭합니다.
드롭다운 메뉴의 앱 섹션에서 별점 앱 블록을 선택합니다.
선택 사항: 별점 블록을 섹션에서 원하는 자리로 이동하거나 별 색상, 사이즈, 정렬, 컨텍스트를 사용자 지정합니다.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
모든 테마 관리 를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정 을 탭합니다.
편집 을 탭합니다.
별점을 추가하려는 페이지 및 섹션으로 이동합니다.
블록 추가 를 클릭합니다.
드롭다운 메뉴의 앱 섹션에서 별점 앱 블록을 선택합니다.
선택 사항: 별점 블록을 섹션에서 원하는 자리로 이동하거나 별 색상, 사이즈, 정렬, 컨텍스트를 사용자 지정합니다.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
모든 테마 관리 를 탭합니다.
편집하려는 테마를 찾은 다음 사용자 지정 을 탭합니다.
편집 을 탭합니다.
별점을 추가하려는 페이지 및 섹션으로 이동합니다.
블록 추가 를 클릭합니다.
드롭다운 메뉴의 앱 섹션에서 별점 앱 블록을 선택합니다.
선택 사항: 별점 블록을 섹션에서 원하는 자리로 이동하거나 별 색상, 사이즈, 정렬, 컨텍스트를 사용자 지정합니다.
저장 을 클릭합니다.
섹션 구분된 빈티지 테마 섹션 구분된 빈티지 테마의 다양한 페이지에 리뷰를 추가하고 리뷰 양식을 포함하고 리뷰 점수 배지를 표시할 수 있습니다.
섹션 지원 테마에서 제품 페이지에 리뷰 및 리뷰 양식 추가
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
섹션 디렉토리에서 product-template.liquid
를 엽니다.
리뷰를 표시할 코드 영역을 찾습니다. 일반적으로 제품 설명 아래에 있습니다. 파일에서 제품 설명을 찾으려면 {{ product.description }}
Liquid 태그를 검색합니다.
{{ product.description }}
Liquid 태그가 포함된 코드 아래에 다음 코드 조각을 붙여넣습니다.
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class= "product-single__description rte" itemprop= "description" >
{{ product.description }}
</div>
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
섹션 디렉토리에서 product-template.liquid
를 엽니다.
리뷰를 표시할 코드 영역을 찾습니다. 일반적으로 제품 설명 아래에 있습니다. 파일에서 제품 설명을 찾으려면 {{ product.description }}
Liquid 태그를 검색합니다.
{{ product.description }}
Liquid 태그가 포함된 코드 아래에 다음 코드 조각을 붙여넣습니다.
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class= "product-single__description rte" itemprop= "description" >
{{ product.description }}
</div>
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
섹션 디렉토리에서 product-template.liquid
를 엽니다.
리뷰를 표시할 코드 영역을 찾습니다. 일반적으로 제품 설명 아래에 있습니다. 파일에서 제품 설명을 찾으려면 {{ product.description }}
Liquid 태그를 검색합니다.
{{ product.description }}
Liquid 태그가 포함된 코드 아래에 다음 코드 조각을 붙여넣습니다.
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class= "product-single__description rte" itemprop= "description" >
{{ product.description }}
</div>
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
저장 을 클릭합니다.
섹션 지원 테마에서 컬렉션 페이지에 리뷰 점수 배지 추가
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집할 테마를 찾은 다음 ... 버튼 > 코드 편집 을 클릭합니다.
코드 조각 디렉토리에서 product-grid-item.liquid
파일을 엽니다. 일부 테마에서는 해당 파일의 이름이 다릅니다. product-grid-item.liquid
를 찾을 수 없는 경우에는 다음 중 하나를 찾습니다.
product-card-grid.liquid
product-card.liquid
product-card-item.liquid
product-block.liquid
product-item.liquid
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<div class= "grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}" >
<a class= "grid-view-item__link" href= "{{ product.url | within: collection }}" >
<img class= "grid-view-item__image" src= "{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt= "{{ product.featured_image.alt }}" >
<div class= "h4 grid-view-item__title" > {{ product.title }}</div>
{% if section.settings.show_vendor %}
<div class= "grid-view-item__vendor" > {{ product.vendor }}</div>
{% endif %}
<div class= "grid-view-item__meta" >
{% include 'product-price' %}
</div>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" >
</span>
</a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
섹션 지원 테마에서 제품 페이지에 리뷰 점수 배지 추가
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
섹션 디렉토리에서 product-template.liquid
를 엽니다.
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 바로 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<h1 itemprop= "name" class= "product-single__title" > {{ product.title }}</h1>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
섹션 디렉토리에서 product-template.liquid
를 엽니다.
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 바로 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<h1 itemprop= "name" class= "product-single__title" > {{ product.title }}</h1>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
섹션 디렉토리에서 product-template.liquid
를 엽니다.
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 바로 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<h1 itemprop= "name" class= "product-single__title" > {{ product.title }}</h1>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
섹션 지원 테마에서 추천 제품에 리뷰 점수 배지 추가
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
섹션 디렉토리에서 featured-product.liquid
파일을 엽니다.
리뷰 점수 배지를 표시할 코드 조각에서 해당 영역을 찾습니다. 일반적으로 제품 이름 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ title }}
Liquid 태그를 검색합니다. {{ title }}
태그를 찾을 수 없으면 {{ product.title }}
태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<div class= "grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths" >
{% if section.settings.show_vendor %}
<h2 class= "product-single__vendor" itemprop= "brand" > {{ vendor }}</h2>
{% endif %}
<h1 class= "product-single__title" itemprop= "name" > {{ title }}</h1>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
<div itemprop= "offers" itemscope itemtype= "http://schema.org/Offer" >
{% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
섹션 디렉토리에서 featured-product.liquid
파일을 엽니다.
리뷰 점수 배지를 표시할 코드 조각에서 해당 영역을 찾습니다. 일반적으로 제품 이름 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ title }}
Liquid 태그를 검색합니다. {{ title }}
태그를 찾을 수 없으면 {{ product.title }}
태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<div class= "grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths" >
{% if section.settings.show_vendor %}
<h2 class= "product-single__vendor" itemprop= "brand" > {{ vendor }}</h2>
{% endif %}
<h1 class= "product-single__title" itemprop= "name" > {{ title }}</h1>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
<div itemprop= "offers" itemscope itemtype= "http://schema.org/Offer" >
{% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
섹션 디렉토리에서 featured-product.liquid
파일을 엽니다.
리뷰 점수 배지를 표시할 코드 조각에서 해당 영역을 찾습니다. 일반적으로 제품 이름 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ title }}
Liquid 태그를 검색합니다. {{ title }}
태그를 찾을 수 없으면 {{ product.title }}
태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<div class= "grid__item product-single__meta--wrapper medium--five-twelfths large--five-twelfths" >
{% if section.settings.show_vendor %}
<h2 class= "product-single__vendor" itemprop= "brand" > {{ vendor }}</h2>
{% endif %}
<h1 class= "product-single__title" itemprop= "name" > {{ title }}</h1>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
<div itemprop= "offers" itemscope itemtype= "http://schema.org/Offer" >
{% comment %}
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
섹션 구분되지 않은 빈티지 테마 섹션 구분되지 않은 빈티지 테마의 다양한 페이지에 리뷰를 추가하고 리뷰 양식을 포함하고 리뷰 점수 배지를 표시할 수 있습니다.
섹션 미지원 테마에서 제품 페이지에 리뷰 및 리뷰 양식 추가
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
템플릿 디렉토리에서 product.liquid
를 엽니다.
리뷰를 표시할 코드 영역을 찾습니다. 일반적으로 제품 설명 아래에 있습니다. 파일에서 제품 설명을 찾으려면 {{ product.description }}
Liquid 태그를 검색합니다.
{{ product.description }}
Liquid 태그가 포함된 코드 아래에 다음 코드 조각을 붙여넣습니다.
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class= "product-single__description rte" itemprop= "description" >
{{ product.description }}
</div>
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
템플릿 디렉토리에서 product.liquid
를 엽니다.
리뷰를 표시할 코드 영역을 찾습니다. 일반적으로 제품 설명 아래에 있습니다. 파일에서 제품 설명을 찾으려면 {{ product.description }}
Liquid 태그를 검색합니다.
{{ product.description }}
Liquid 태그가 포함된 코드 아래에 다음 코드 조각을 붙여넣습니다.
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class= "product-single__description rte" itemprop= "description" >
{{ product.description }}
</div>
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
템플릿 디렉토리에서 product.liquid
를 엽니다.
리뷰를 표시할 코드 영역을 찾습니다. 일반적으로 제품 설명 아래에 있습니다. 파일에서 제품 설명을 찾으려면 {{ product.description }}
Liquid 태그를 검색합니다.
{{ product.description }}
Liquid 태그가 포함된 코드 아래에 다음 코드 조각을 붙여넣습니다.
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
Your code placement might look something like this:
<div class= "product-single__description rte" itemprop= "description" >
{{ product.description }}
</div>
<div id= "shopify-product-reviews" data-id= "{{product.id}}" > {{ product.metafields.spr.reviews }}</div>
저장 을 클릭합니다.
섹션 미지원 테마에서 컬렉션 페이지에 리뷰 점수 배지 추가
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
코드 조각 디렉토리에서 product-grid-item.liquid
를 엽니다. 일부 테마에서는 해당 파일의 이름이 다릅니다. product-grid-item.liquid
를 찾을 수 없는 경우에는 다음 중 하나를 찾습니다.
product-card.liquid
product-card-item.liquid
product-block.liquid
테마에서 위 파일을 찾을 수 없는 경우에는 템플릿 디렉토리의 collection.liquid
파일에서 제품 그리드 코드가 발견될 수도 있습니다.
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<div class= "grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}" >
<a class= "grid-view-item__link" href= "{{ product.url | within: collection }}" >
<img class= "grid-view-item__image" src= "{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt= "{{ product.featured_image.alt }}" >
<div class= "h4 grid-view-item__title" > {{ product.title }}</div>
{% if section.settings.show_vendor %}
<div class= "grid-view-item__vendor" > {{ product.vendor }}</div>
{% endif %}
<div class= "grid-view-item__meta" >
{% include 'product-price' %}
</div>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" >
</span>
</a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
코드 조각 디렉토리에서 product-grid-item.liquid
를 엽니다. 일부 테마에서는 해당 파일의 이름이 다릅니다. product-grid-item.liquid
를 찾을 수 없는 경우에는 다음 중 하나를 찾습니다.
product-card.liquid
product-card-item.liquid
product-block.liquid
테마에서 위 파일을 찾을 수 없는 경우에는 템플릿 디렉토리의 collection.liquid
파일에서 제품 그리드 코드가 발견될 수도 있습니다.
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<div class= "grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}" >
<a class= "grid-view-item__link" href= "{{ product.url | within: collection }}" >
<img class= "grid-view-item__image" src= "{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt= "{{ product.featured_image.alt }}" >
<div class= "h4 grid-view-item__title" > {{ product.title }}</div>
{% if section.settings.show_vendor %}
<div class= "grid-view-item__vendor" > {{ product.vendor }}</div>
{% endif %}
<div class= "grid-view-item__meta" >
{% include 'product-price' %}
</div>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" >
</span>
</a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
코드 조각 디렉토리에서 product-grid-item.liquid
를 엽니다. 일부 테마에서는 해당 파일의 이름이 다릅니다. product-grid-item.liquid
를 찾을 수 없는 경우에는 다음 중 하나를 찾습니다.
product-card.liquid
product-card-item.liquid
product-block.liquid
테마에서 위 파일을 찾을 수 없는 경우에는 템플릿 디렉토리의 collection.liquid
파일에서 제품 그리드 코드가 발견될 수도 있습니다.
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<div class= "grid-view-item{% unless product.available %} product-price--sold-out grid-view-item--sold-out{% endunless %}" >
<a class= "grid-view-item__link" href= "{{ product.url | within: collection }}" >
<img class= "grid-view-item__image" src= "{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt= "{{ product.featured_image.alt }}" >
<div class= "h4 grid-view-item__title" > {{ product.title }}</div>
{% if section.settings.show_vendor %}
<div class= "grid-view-item__vendor" > {{ product.vendor }}</div>
{% endif %}
<div class= "grid-view-item__meta" >
{% include 'product-price' %}
</div>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" >
</span>
</a>
</div>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
섹션 미지원 테마에서 제품 페이지에 리뷰 점수 배지 추가
Shopify Admin에서 온라인 스토어 > 테마 로 이동합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
템플릿 디렉토리에서 product.liquid
를 엽니다.
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 바로 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<h1 itemprop= "name" class= "product-single__title" > {{ product.title }}</h1>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
템플릿 디렉토리에서 product.liquid
를 엽니다.
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 바로 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<h1 itemprop= "name" class= "product-single__title" > {{ product.title }}</h1>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.
Shopify 앱 에서 … 버튼을 탭합니다.
판매 채널 섹션에서 온라인 스토어 를 탭합니다.
테마 관리 를 탭합니다.
편집할 테마를 찾아 ... 버튼을 클릭하여 작업 메뉴를 연 다음 코드 편집 을 클릭합니다.
템플릿 디렉토리에서 product.liquid
를 엽니다.
리뷰 점수 배지를 표시할 코드 영역을 찾습니다. 일반적으로 제품 이름 바로 아래에 있습니다. 파일에서 제품 이름을 찾으려면 {{ product.title }}
Liquid 태그를 검색합니다.
{{ product.title }}
Liquid 태그가 포함된 코드 아래의 새로운 줄에 다음 코드 조각을 붙여넣습니다.
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
Your code placement might look something like this:
<h1 itemprop= "name" class= "product-single__title" > {{ product.title }}</h1>
<span class= "shopify-product-reviews-badge" data-id= "{{ product.id }}" ></span>
You can experiment with putting the code in different places in the file to see where you like it best.
저장 을 클릭합니다.