Product Reviews uygulamasını kullanma

Product Reviews uygulamasını yükledikten sonra ürün sayfalarınıza değerlendirme formları, ürün ve koleksiyon sayfalarınıza ise değerlendirme puanı rozetleri ekleyebilirsiniz.

Bu eğitimin adımları bölümlendirilmiş bir tema mı yoksa bölümlendirilmemiş bir tema mı kullandığınıza bağlı olarak değişiklik gösterir. Bölümlendirilmiş tema, mağazanızın sayfalarındaki düzeni, sürükleyip bırakma işlemiyle ayarlamanızı sağlayan daha yeni bir temadır.

Temanızın, bölümleri destekleyip desteklemediğini öğrenmek için temanızın Kodu düzenle sayfasına gidin. Bölümler dizininde dosyalar varsa bu, bölümlendirilmiş bir tema kullandığınız anlamına gelir. Bölümlendirilmemiş temalar Ekim 2016'dan önce kullanıma sunulmuştur ve Bölümler dizininde bu temaların dosyaları yoktur.

Bölümlendirilmiş bir tema kullanıyorsanız Sectioned themes (Bölümlendirilmiş temalar) düğmesine tıklayın ve talimatları izleyin. Daha eski ve bölümlendirilmemiş bir tema kullanıyorsanız Non-sectioned themes (Bölümlendirilmemiş temalar) düğmesine tıklayın ve talimatları izleyin.

Bölümlere ayrılmış temalardaki ürün sayfanıza değerlendirmeler ve değerlendirme formu ekleme

Ürün sayfalarınıza değerlendirme formları eklemek için:

  1. Bölümler dizininde product-template.liquid öğesini açın.

  2. Değerlendirmelerinizin görünmesini istediğiniz alanın kodunu bulun. Genellikle bu alan, ürün açıklamasının altında yer alır. Dosyada ürün açıklamasını bulmak için {{ product.description }} Liquid etiketini arayın.

  3. {{ product.description }} Liquid etiketini içeren kodun altına aşağıdaki parçacığı yapıştırın:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Yerleştirdiğiniz kod şöyle görünür:

<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>
  1. Kaydet'e tıklayın.

Bölümlere ayrılmış temalardaki koleksiyon sayfalarınıza değerlendirme puanı rozetleri ekleme

Adımlar:

  1. Shopify yöneticinizden Online Mağaza > Temalar'a gidin.

  2. Düzenlemek istediğiniz temayı bulup İşlemler > Kodu düzenle'ye tıklayın.

  3. Parçacıklar dizininde product-grid-item.liquid dosyasını açın.

    Bazı temalarda bu dosyanın adı farklı olabilir. product-grid-item.liquid dosyasını bulamazsanız aşağıdakileri arayın:

- product-card.liquid - product-card-item.liquid - product-block.liquid - product-item.liquid

  1. Değerlendirme puanı rozetlerinin görünmesini istediğiniz alanın kodunu bulun. Genellikle bu alan, ürün başlığının altında yer alır. Dosyada ürün başlığını bulmak için {{ product.title }} Liquid etiketini arayın.

  2. {{ product.title }} Liquid etiketini içeren kodun altına yeni bir satır açarak aşağıdaki parçacığı yapıştırın:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Yerleştirdiğiniz kod şöyle görünür:

<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>

Kodu, dosyanın farklı alanlarına yerleştirmeyi deneyerek size en uygun alanı bulabilirsiniz.

  1. Kaydet'e tıklayın.

Bölümlere ayrılmış temalardaki ürün sayfanıza değerlendirme puanı rozetleri ekleme

Ürün sayfalarınıza değerlendirme puanı rozetleri eklemek için:

  1. Bölümler dizininde product-template.liquid öğesini açın.

  2. Değerlendirme puanı rozetlerinin görünmesini istediğiniz alanın kodunu bulun. Genellikle bu alan, ürün başlığının hemen altında yer alır. Dosyada ürün başlığını bulmak için {{ product.title }} Liquid etiketini arayın.

  3. {{ product.title }} Liquid etiketini içeren kodun altına yeni bir satır açarak aşağıdaki parçacığı yapıştırın:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Yerleştirdiğiniz kod şöyle görünür:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Kodu, dosyanın farklı alanlarına yerleştirmeyi deneyerek size en uygun alanı bulabilirsiniz.

  1. Kaydet'e tıklayın.

Bölümlere ayrılmış temalardaki öne çıkan ürününüze değerlendirme puanı rozetleri ekleme

Not: Venture kullanıyorsanız, öne çıkan ürününüze değerlendirme puanı rozetleri eklemeniz önerilmez.

Ana sayfanızdaki öne çıkan ürününüze değerlendirme puanı rozetleri eklemek için:

  1. Bölümler dizininde featured-product.liquid dosyasını açın.

  2. Değerlendirme puanı rozetlerinin görünmesini istediğiniz alanın parçacığını bulun. Genellikle bu alan, ürün başlığının altında yer alır. Dosyada ürün başlığını bulmak için {{ title }} Liquid etiketini arayın. {{ title }} etiketini bulamazsanız {{ product.title }} etiketini arayın.

  3. {{ product.title }} Liquid etiketini içeren kodun altına yeni bir satır açarak aşağıdaki parçacığı yapıştırın:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Yerleştirdiğiniz kod şöyle görünür:

<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 %}

Kodu, dosyanın farklı alanlarına yerleştirmeyi deneyerek size en uygun alanı bulabilirsiniz.

  1. Kaydet'e tıklayın.

Bölümlere ayrılmamış temalardaki ürün sayfanıza değerlendirmeler ve değerlendirme formu ekleme

Ürün sayfalarınıza değerlendirme formları eklemek için:

  1. Şablonlar dizininde product.liquid dosyasını açın.

  2. Değerlendirmelerinizin görünmesini istediğiniz alanın kodunu bulun. Genellikle bu alan, ürün açıklamasının altında yer alır. Dosyada ürün açıklamasını bulmak için {{ product.description }} Liquid etiketini arayın.

  3. {{ product.description }} Liquid etiketini içeren kodun altına aşağıdaki parçacığı yapıştırın:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

Yerleştirdiğiniz kod şöyle görünür:

<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>
  1. Kaydet'e tıklayın.

Bölümlere ayrılmamış temalardaki koleksiyon sayfalarınıza değerlendirme puanı rozetleri ekleme

Koleksiyon sayfalarınıza değerlendirme puanı rozetleri eklemek için:

  1. Parçacıklar dizininde product-grid-item.liquid dosyasını açın.

    Bazı temalarda bu dosyanın adı farklı olabilir. product-grid-item.liquid dosyasını bulamazsanız aşağıdakileri arayın:

- product-card.liquid - product-card-item.liquid - product-block.liquid

Temanızda yukarıdaki dosyalardan hiçbiri yoksa, ürün kılavuz kodunuz Şablonlar dizinindeki collection.liquid dosyasında yer alıyor olabilir.

  1. Değerlendirme puanı rozetlerinin görünmesini istediğiniz alanın kodunu bulun. Genellikle bu alan, ürün başlığının altında yer alır. Dosyada ürün başlığını bulmak için {{ product.title }} Liquid etiketini arayın.

  2. {{ product.title }} Liquid etiketini içeren kodun altına yeni bir satır açarak aşağıdaki parçacığı yapıştırın:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Yerleştirdiğiniz kod şöyle görünür:

<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>

Kodu, dosyanın farklı alanlarına yerleştirmeyi deneyerek size en uygun alanı bulabilirsiniz.

  1. Kaydet'e tıklayın.

Bölümlere ayrılmamış temalardaki ürün sayfanıza değerlendirme puanı rozetleri ekleme

Ürün sayfalarınıza değerlendirme puanı rozetleri eklemek için:

  1. Şablonlar dizininde product.liquid dosyasını açın.

  2. Değerlendirme puanı rozetlerinin görünmesini istediğiniz alanın kodunu bulun. Genellikle bu alan, ürün başlığının hemen altında yer alır. Dosyada ürün başlığını bulmak için {{ product.title }} Liquid etiketini arayın.

  3. {{ product.title }} Liquid etiketini içeren kodun altına yeni bir satır açarak aşağıdaki parçacığı yapıştırın:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Yerleştirdiğiniz kod şöyle görünür:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Kodu, dosyanın farklı alanlarına yerleştirmeyi deneyerek size en uygun alanı bulabilirsiniz.

  1. Kaydet'e tıklayın.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene