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.

I passaggi di questo tutorial variano a seconda che si usi un tema con sezioni o senza sezioni. Un tema con sezioni è un tema più recente, con cui puoi utilizzare la funzione drag and drop per organizzare il layout delle pagine del tuo negozio.

Per scoprire se il tuo tema supporta le sezioni, vai alla pagina Modifica codice del tema. Se la directory Sections contiene file, stai usando un tema con sezioni. I temi senza sezioni sono stati pubblicati prima di ottobre 2016 e non hanno file nella directory Sections.

Se usi un tema con sezioni, clicca sul pulsante Temi con sezioni e segui le istruzioni. Se usi un tema precedente, senza sezioni, clicca sul pulsante Temi senza sezioni e segui le istruzioni.

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 di 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 di collezioni in temi senza sezioni

Per aggiungere badge dei punteggi delle recensioni alle pagine di 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