Utilizza l'app Product Reviews

Dopo aver installato l'app Product Reviews, puoi aggiungere moduli di recensione alle pagine dei prodotti e badge dei punteggi delle recensioni nelle pagine sia dei prodotti sia delle collezioni.

Aggiungere recensioni e un relativo modulo alle pagine dei prodotti in temi con sezioni

Per aggiungere moduli di recensione alle pagine dei prodotti:

  1. Nella directory Sections, apri product-template.liquid.

  2. Trova nel codice l'area in cui vuoi posizionare le recensioni. In genere, si trova sotto la descrizione del prodotto. Per individuare la descrizione del prodotto nel file, cerca il tag Liquid {{ product.description }}.

  3. Sotto il codice che contiene il tag Liquid {{ product.description }}, incolla il seguente snippet:

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

Il posizionamento del codice potrebbe risultare simile a questo:

<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. Clicca su Salva.

Aggiungi badge dei punteggi delle recensioni alle pagine delle collezioni in temi con sezioni

Procedura:

  1. Dal pannello di controllo Shopify passa a Negozio online > Temi.

  2. Trova il tema che desideri modificare, quindi clicca su Azioni > Modifica codice.

  3. Nella directory Snippets, apri il file product-grid-item.liquid.

    In alcuni temi, questo file ha un nome diverso. Se non riesci a trovare product-grid-item.liquid, cerca una delle seguenti opzioni:

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

  1. Trova nel codice l'area in cui vuoi posizionare i badge dei punteggi delle recensioni. In genere, si trova sotto il titolo del prodotto. Per individuare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.

  2. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente snippet:

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

Il posizionamento del codice potrebbe risultare simile a questo:

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

Puoi provare a inserire il codice in diversi punti del file per stabilire dove preferisci posizionarlo.

  1. Clicca su Salva.

Aggiungi badge dei punteggi delle recensioni alle pagine dei prodotti in temi con sezioni

Per aggiungere badge dei punteggi delle recensioni alle pagine dei prodotti:

  1. Nella directory Sections, apri product-template.liquid.

  2. Trova nel codice l'area in cui vuoi posizionare i badge dei punteggi delle recensioni. In genere, si trova subito sotto il titolo del prodotto. Per individuare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.

  3. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente snippet:

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

Il posizionamento del codice potrebbe risultare simile a questo:

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

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

Puoi provare a inserire il codice in diversi punti del file per stabilire dove preferisci posizionarlo.

  1. Clicca su Salva.

Aggiungi badge dei punteggi delle recensioni al prodotto in primo piano in temi con sezioni

Per aggiungere badge dei punteggi delle recensioni al prodotto in primo piano nella home page:

  1. Nella directory Sections, apri il file featured-product.liquid.

  2. Trova nello snippet l'area in cui vuoi posizionare i badge dei punteggi delle recensioni. In genere, si trova sotto il titolo del prodotto. Per individuare il titolo del prodotto nel file, cerca il tag Liquid {{ title }}. Se non riesci a individuare il tag {{ title }}, cerca il tag {{ product.title }}.

  3. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente snippet:

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

Il posizionamento del codice potrebbe risultare simile a questo:

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

Puoi provare a inserire il codice in diversi punti del file per stabilire dove preferisci posizionarlo.

  1. Clicca su Salva.

Aggiungi recensioni e un relativo modulo alle pagine dei prodotti in temi senza sezioni

Per aggiungere moduli di recensione alle pagine dei prodotti:

  1. Nella directory Templates, apri product.liquid.

  2. Trova nel codice l'area in cui vuoi posizionare le recensioni. In genere, si trova sotto la descrizione del prodotto. Per individuare la descrizione del prodotto nel file, cerca il tag Liquid {{ product.description }}.

  3. Sotto il codice che contiene il tag Liquid {{ product.description }}, incolla il seguente snippet:

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

Il posizionamento del codice potrebbe risultare simile a questo:

<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. Clicca su Salva.

Aggiungi badge dei punteggi delle recensioni alle pagine delle collezioni in temi senza sezioni

Per aggiungere badge dei punteggi delle recensioni alle pagine delle collezioni:

  1. Nella directory Snippets, apri product-grid-item.liquid.

    In alcuni temi, questo file ha un nome diverso. Se non riesci a trovare product-grid-item.liquid, cerca una delle seguenti opzioni:

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

Se il tema non contiene nessuno dei file sopra indicati, il codice della griglia dei prodotti potrebbe trovarsi nel file collection.liquid della directory Templates.

  1. Trova nel codice l'area in cui vuoi posizionare i badge dei punteggi delle recensioni. In genere, si trova sotto il titolo del prodotto. Per individuare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.

  2. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente snippet:

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

Il posizionamento del codice potrebbe risultare simile a questo:

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

Puoi provare a inserire il codice in diversi punti del file per stabilire dove preferisci posizionarlo.

  1. Clicca su Salva.

Aggiungi badge dei punteggi delle recensioni alle pagine dei prodotti in temi senza sezioni

Per aggiungere badge dei punteggi delle recensioni alle pagine dei prodotti:

  1. Nella directory Templates, apri product.liquid.

  2. Trova nel codice l'area in cui vuoi posizionare i badge dei punteggi delle recensioni. In genere, si trova subito sotto il titolo del prodotto. Per individuare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.

  3. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente snippet:

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

Il posizionamento del codice potrebbe risultare simile a questo:

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

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

Puoi provare a inserire il codice in diversi punti del file per stabilire dove preferisci posizionarlo.

  1. Clicca su Salva.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis