Utilizza l'app Product Reviews

Questa pagina è stata stampata il May 06, 2024. Per la versione aggiornata, visita https://help.shopify.com/it/manual/products/product-reviews/installation?utm_campaign=Guru-+-ASK&utm_medium=forum&utm_source=social.

Puoi aggiungere moduli di recensione alle pagine dei prodotti e badge dei punteggi delle recensioni alle pagine di prodotto e di collezione. I passaggi di questo tutorial variano a seconda della versione della struttura del tema. Segui le istruzioni in base alla versione della struttura del tema per aggiungere elementi per la recensione al tuo negozio online.

Su questa pagina

Temi dell'Online Store 2.0

Nei temi dell'Online Store 2.0 puoi aggiungere recensioni, includere un modulo per le recensioni e mostrare le valutazioni in stelle.

Aggiunta delle recensioni e di un modulo per le recensioni nei temi dell'Online Store 2.0

Puoi aggiungere il blocco app delle recensioni e del modulo per le recensioni come sezione sul modello del prodotto o come blocco nella sezione di prodotto principale del modello del prodotto. Queste opzioni sono disponibili in tutti i temi dell'Online Store 2.0 dal Theme store di Shopify. A seconda del tema, potresti essere in grado di aggiungerli ad altre sezioni o modelli.

Aggiunta delle recensioni e del modulo per le recensioni come sezione

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Vai al modello di prodotto in cui desideri aggiungere la sezione delle recensioni e del modulo per le recensioni.
  4. Clicca su Aggiungi sezione.
  5. Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Reviews (Recensioni).
  6. Facoltativo: sposta la sezione app nel punto della pagina che desideri.
  7. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca Modifica.
  6. Vai al modello di prodotto in cui desideri aggiungere la sezione delle recensioni e del modulo per le recensioni.
  7. Clicca su Aggiungi sezione.
  8. Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Reviews (Recensioni).
  9. Facoltativo: sposta la sezione app nel punto della pagina che desideri.
  10. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca Modifica.
  6. Vai al modello di prodotto in cui desideri aggiungere la sezione delle recensioni e del modulo per le recensioni.
  7. Clicca su Aggiungi sezione.
  8. Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Reviews (Recensioni).
  9. Facoltativo: sposta la sezione app nel punto della pagina che desideri.
  10. Clicca su Salva.

Aggiunta delle recensioni e del modulo per le recensioni come blocco

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Vai alla pagina e alla sezione in cui desideri aggiungere il blocco delle recensioni e del modulo per le recensioni.
  4. Clicca su Aggiungi blocco.
  5. Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Reviews (Recensioni).
  6. Facoltativo: sposta il blocco Reviews (Recensioni) nel punto della sezione che desideri.
  7. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca Modifica.
  6. Vai alla pagina e alla sezione in cui desideri aggiungere il blocco delle recensioni e del modulo per le recensioni.
  7. Clicca su Aggiungi blocco.
  8. Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Reviews (Recensioni).
  9. Facoltativo: sposta il blocco Reviews (Recensioni) nel punto della sezione che desideri.
  10. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca Modifica.
  6. Vai alla pagina e alla sezione in cui desideri aggiungere il blocco delle recensioni e del modulo per le recensioni.
  7. Clicca su Aggiungi blocco.
  8. Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Reviews (Recensioni).
  9. Facoltativo: sposta il blocco Reviews (Recensioni) nel punto della sezione che desideri.
  10. Clicca su Salva.

Aggiunta delle valutazioni in stelle nei temi dell'Online Store 2.0

Puoi aggiungere valutazioni in stelle come blocco nella sezione di prodotto principale del modello di prodotto. Questa opzione è disponibile in tutti i temi dell'Online Store 2.0 dal Theme store di Shopify. A seconda del tema, potresti essere in grado di aggiungerli ad altre sezioni e modelli.

Procedura:

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare e clicca su Personalizza.
  3. Vai alla pagina e alla sezione in cui desideri aggiungere la valutazione in stelle.
  4. Clicca su Aggiungi blocco.
  5. Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Star rating (Valutazione in stelle).
  6. Facoltativo: sposta il blocco Star rating (Valutazione in stelle) nel punto desiderato nella sezione o personalizza il colore, le dimensioni, l'allineamento e il contesto delle stelle.
  7. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca Modifica.
  6. Vai alla pagina e alla sezione in cui desideri aggiungere la valutazione in stelle.
  7. Clicca su Aggiungi blocco.
  8. Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Star rating (Valutazione in stelle).
  9. Facoltativo: sposta il blocco Star rating (Valutazione in stelle) nel punto desiderato nella sezione o personalizza il colore, le dimensioni, l'allineamento e il contesto delle stelle.
  10. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci tutti i temi.
  4. Trova il tema che desideri modificare e tocca Personalizza.
  5. Tocca Modifica.
  6. Vai alla pagina e alla sezione in cui desideri aggiungere la valutazione in stelle.
  7. Clicca su Aggiungi blocco.
  8. Nella sezione Apps (App) del menu a discesa seleziona il blocco delle app Star rating (Valutazione in stelle).
  9. Facoltativo: sposta il blocco Star rating (Valutazione in stelle) nel punto desiderato nella sezione o personalizza il colore, le dimensioni, l'allineamento e il contesto delle stelle.
  10. Clicca su Salva.

Temi vintage con sezioni

Nei temi vintage con sezioni puoi aggiungere recensioni, inserire un modulo per le recensioni e mostrare i badge dei punteggi delle recensioni su diverse pagine.

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

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  3. Nella directory Sections, apri product-template.liquid.
  4. 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 }}.
  5. Sotto il codice che contiene il tag Liquid {{ product.description }}, incolla il seguente frammento: 
<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>
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Sections, apri product-template.liquid.
  6. 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 }}.
  7. Sotto il codice che contiene il tag Liquid {{ product.description }}, incolla il seguente frammento: 
<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>
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Sections, apri product-template.liquid.
  6. 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 }}.
  7. Sotto il codice che contiene il tag Liquid {{ product.description }}, incolla il seguente frammento: 
<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>
  1. Clicca su Salva.

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

  1. Dal pannello di controllo Shopify vai a Negozio online > Temi.
  2. Trova il tema che desideri modificare, quindi clicca sul pulsante ... > Modifica codice.

  3. Nella directory Frammenti, 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-grid.liquid
    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquid
    • product-item.liquid

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

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

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

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

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  3. Nella directory Sections, apri product-template.liquid.
  4. Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova subito sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.
  5. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente frammento: 
<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.
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Sections, apri product-template.liquid.
  6. Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova subito sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.
  7. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente frammento: 
<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.
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Sections, apri product-template.liquid.
  6. Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova subito sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.
  7. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente frammento: 
<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.
  1. Clicca su Salva.

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

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  3. Nella directory Sections, apri il file featured-product.liquid.
  4. Trova nel frammento l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid {{ title }}. Se non riesci a individuare il tag {{ title }}, cerca il tag {{ product.title }}.
  5. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente frammento: 
<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.
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Sections, apri il file featured-product.liquid.
  6. Trova nel frammento l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid {{ title }}. Se non riesci a individuare il tag {{ title }}, cerca il tag {{ product.title }}.
  7. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente frammento: 
<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.
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Sections, apri il file featured-product.liquid.
  6. Trova nel frammento l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid {{ title }}. Se non riesci a individuare il tag {{ title }}, cerca il tag {{ product.title }}.
  7. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente frammento: 
<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.
  1. Clicca su Salva.

Temi vintage senza sezioni

Nei temi vintage senza sezioni puoi aggiungere recensioni, inserire un modulo per le recensioni e mostrare i badge dei punteggi delle recensioni su diverse pagine.

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

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  3. Nella directory Modelli, apri product.liquid.
  4. 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 }}.
  5. Sotto il codice che contiene il tag Liquid {{ product.description }}, incolla il seguente frammento: 
<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>
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Modelli, apri product.liquid.
  6. 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 }}.
  7. Sotto il codice che contiene il tag Liquid {{ product.description }}, incolla il seguente frammento: 
<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>
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Modelli, apri product.liquid.
  6. 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 }}.
  7. Sotto il codice che contiene il tag Liquid {{ product.description }}, incolla il seguente frammento: 
<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>
  1. Clicca su Salva.

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

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.

  3. Nella directory Frammenti, 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.liquidSe il tema non contiene nessuno dei file sopra indicati, il codice della griglia dei prodotti potrebbe trovarsi nel file collection.liquid della directory Modelli.

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

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

<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.
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.

  5. Nella directory Frammenti, 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.liquidSe il tema non contiene nessuno dei file sopra indicati, il codice della griglia dei prodotti potrebbe trovarsi nel file collection.liquid della directory Modelli.

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

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

<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.
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.

  5. Nella directory Frammenti, 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.liquidSe il tema non contiene nessuno dei file sopra indicati, il codice della griglia dei prodotti potrebbe trovarsi nel file collection.liquid della directory Modelli.

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

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

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

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

  1. Dal pannello di controllo Shopify, vai su Negozio online > Temi.
  2. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  3. Nella directory Modelli, apri product.liquid.
  4. Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova subito sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.
  5. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente frammento: 
<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.
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Modelli, apri product.liquid.
  6. Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova subito sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.
  7. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente frammento: 
<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.
  1. Clicca su Salva.
  1. Nell'app di Shopify tocca il pulsante ….
  2. Nella sezione Canali di vendita, tocca Negozio online.
  3. Tocca Gestisci temi.
  4. Trova il tema che desideri modificare, clicca sul pulsante … per aprire il menu azioni, quindi clicca su Modifica codice.
  5. Nella directory Modelli, apri product.liquid.
  6. Trova nel codice l'area in cui desideri posizionare i badge dei punteggi delle recensioni. In genere si trova subito sotto il titolo del prodotto. Per trovare il titolo del prodotto nel file, cerca il tag Liquid {{ product.title }}.
  7. Su una nuova riga sotto il codice che contiene il tag Liquid {{ product.title }}, incolla il seguente frammento: 
<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.
  1. Clicca su Salva.

Sei pronto per iniziare a vendere con Shopify?

Provalo, è gratis