Product Reviews -sovelluksen käyttäminen

Tämä sivu on tulostettu Apr 26, 2024. Nykyinen versio on osoitteessa https://help.shopify.com/fi/manual/products/product-reviews/installation.

Voit lisätä arvostelulomakkeita tuotesivuillesi ja arvostelupisteiden tunnuksia tuote- ja kokoelmasivuillesi. Tämän tutoriaalin toimintavaiheet vaihtelevat teemasi arkkitehtuuriversion mukaan. Lisää verkkokauppaan arvosteluelementtejä noudattamalla teema-arkkitehtuurisi versioon perustuvia ohjeita.

Tällä sivulla

Online Store 2.0 -teemat

Voit lisätä arvosteluja, sisällyttää arvostelulomakkeen ja näyttää tähtiluokitukset Online Store 2.0 -teemoissa.

Arvostelujen ja arvostelulomakkeen lisääminen vekkokauppa 2.0 ‑teemoihin

Voit lisätä arvostelu- ja arvostelulomakesovelluksen lohkon tuotemallisi osioksi tai tuotemallin päätuoteosion lohkoksi. Nämä vaihtoehdot ovat käytettävissä kaikissa Shopify Theme Storen Online Store 2.0 ‑teemoissa. Saatat pystyä lisäämään niitä muihin malleihin tai osioihin teemastasi riippuen.

Arvostelujen ja arvostelulomakkeen lisääminen osioksi

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Siirry siihen tuotemalliin, johon haluat lisätä arvostelu- ja arvostelulomakeosion.
  4. Klikkaa Lisää osio.
  5. Valitse Sovellukset-osion pudotusvalikosta Arvostelut-sovelluslohko.
  6. Valinnainen: siirrä sovellusosio siihen paikkaan, jossa haluat sen olevan sivulla.
  7. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta Muokkaa.
  6. Siirry siihen tuotemalliin, johon haluat lisätä arvostelu- ja arvostelulomakeosion.
  7. Klikkaa Lisää osio.
  8. Valitse Sovellukset-osion pudotusvalikosta Arvostelut-sovelluslohko.
  9. Valinnainen: siirrä sovellusosio siihen paikkaan, jossa haluat sen olevan sivulla.
  10. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta Muokkaa.
  6. Siirry siihen tuotemalliin, johon haluat lisätä arvostelu- ja arvostelulomakeosion.
  7. Klikkaa Lisää osio.
  8. Valitse Sovellukset-osion pudotusvalikosta Arvostelut-sovelluslohko.
  9. Valinnainen: siirrä sovellusosio siihen paikkaan, jossa haluat sen olevan sivulla.
  10. Klikkaa Tallenna.

Arvostelujen ja arvostelulomakkeen lisääminen lohkoksi

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Siirry sivulle ja osioon, johon haluat lisätä arvostelu- ja arvostelulomakelohkon.
  4. Klikkaa Lisää lohko.
  5. Valitse Sovellukset-osion pudotusvalikosta Arvostelut-sovelluslohko.
  6. Valinnainen: siirrä Arvostelut-lohko siihen paikkaan, jossa haluat sen olevan osiossa.
  7. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta Muokkaa.
  6. Siirry sivulle ja osioon, johon haluat lisätä arvostelu- ja arvostelulomakelohkon.
  7. Klikkaa Lisää lohko.
  8. Valitse Sovellukset-osion pudotusvalikosta Arvostelut-sovelluslohko.
  9. Valinnainen: siirrä Arvostelut-lohko siihen paikkaan, jossa haluat sen olevan osiossa.
  10. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta Muokkaa.
  6. Siirry sivulle ja osioon, johon haluat lisätä arvostelu- ja arvostelulomakelohkon.
  7. Klikkaa Lisää lohko.
  8. Valitse Sovellukset-osion pudotusvalikosta Arvostelut-sovelluslohko.
  9. Valinnainen: siirrä Arvostelut-lohko siihen paikkaan, jossa haluat sen olevan osiossa.
  10. Klikkaa Tallenna.

Tähtiluokitusten lisääminen Online Store 2.0 ‑teemoihin

Voit lisätä tähtiluokitukset lohkona tuotemallin päätuoteosioon. Tämä vaihtoehto on käytettävissä kaikissa Shopify Theme Storen Online Store 2.0 ‑teemoissa. Saatat pystyä lisäämään ne muihin osioihin ja malleihin teemastasi riippuen.

Toimintovaiheet:

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.
  3. Siirry sille sivulle ja siihen osioon, johon haluat lisätä tähtiluokituksen.
  4. Klikkaa Lisää lohko.
  5. Valitse Sovellukset-osion pudotusvalikosta tähtiluokitus-sovelluslohko.
  6. Valinnainen: siirrä tähtiluokituksen lohko siihen paikkaan, jossa haluat sen olevan osiossa, tai mukauta tähtien väriä, kokoa, tasausta ja kontekstia.
  7. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta Muokkaa.
  6. Siirry sille sivulle ja siihen osioon, johon haluat lisätä tähtiluokituksen.
  7. Klikkaa Lisää lohko.
  8. Valitse Sovellukset-osion pudotusvalikosta tähtiluokitus-sovelluslohko.
  9. Valinnainen: siirrä tähtiluokituksen lohko siihen paikkaan, jossa haluat sen olevan osiossa, tai mukauta tähtien väriä, kokoa, tasausta ja kontekstia.
  10. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallinnoi kaikkia teemoja.
  4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
  5. Napauta Muokkaa.
  6. Siirry sille sivulle ja siihen osioon, johon haluat lisätä tähtiluokituksen.
  7. Klikkaa Lisää lohko.
  8. Valitse Sovellukset-osion pudotusvalikosta tähtiluokitus-sovelluslohko.
  9. Valinnainen: siirrä tähtiluokituksen lohko siihen paikkaan, jossa haluat sen olevan osiossa, tai mukauta tähtien väriä, kokoa, tasausta ja kontekstia.
  10. Klikkaa Tallenna.

Vanhat osiin jaetut teemat

Voit lisätä arvosteluja, sisällyttää arvostelulomakkeen ja näyttää arvostelupistetunnuksia vanhan osiin jaetun teeman eri sivuilla.

Arvostelujen ja arvostelulomakkeiden lisääminen tuotesivuille osiin jaetuissa teemoissa

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  3. Avaa Sections-hakemistossa kohtaa product-template.liquid.
  4. Etsi koodista alue, jossa haluat arvosteluiden näkyvän. Yleensä alue on tuotekuvauksen alla. Löydät tuotekuvauksen tiedostosta hakemalla Liquid-tunnistetta {{ product.description }}.
  5. Liitä {{ product.description }}-Liquid-tunnisteen sisältämän koodin alle seuraava koodinpätkä: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Sections-hakemistossa kohtaa product-template.liquid.
  6. Etsi koodista alue, jossa haluat arvosteluiden näkyvän. Yleensä alue on tuotekuvauksen alla. Löydät tuotekuvauksen tiedostosta hakemalla Liquid-tunnistetta {{ product.description }}.
  7. Liitä {{ product.description }}-Liquid-tunnisteen sisältämän koodin alle seuraava koodinpätkä: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Sections-hakemistossa kohtaa product-template.liquid.
  6. Etsi koodista alue, jossa haluat arvosteluiden näkyvän. Yleensä alue on tuotekuvauksen alla. Löydät tuotekuvauksen tiedostosta hakemalla Liquid-tunnistetta {{ product.description }}.
  7. Liitä {{ product.description }}-Liquid-tunnisteen sisältämän koodin alle seuraava koodinpätkä: 
<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. Klikkaa Tallenna.

Arvostelupisteiden lisääminen kokoelmasivuille osiin jaetuissa teemoissa

  1. Siirry Shopify Adminissa kohtaan Verkkokauppa > Teemat.
  2. Etsi teema, jota haluat muokata, ja napsauta sitten ...-painiketta > Muokkaa koodia.

  3. Avaa Koodinpätkät-hakemistossa tiedosto product-grid-item.liquid. Joissakin teemoissa tällä tiedostolla on eri nimi. Jos et löydä kohdetta product-grid-item.liquid, etsi jokin seuraavista:

    • product-card-grid.liquid
    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquid
    • product-item.liquid

  4. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on jossakin tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.

  5. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}:

<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. Klikkaa Tallenna.

Lisää tuotesivullesi arvostelupisteiden tunnukset jaetuissa teemoissa

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  3. Avaa Sections-hakemistossa kohtaa product-template.liquid.
  4. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on juuri tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.
  5. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Sections-hakemistossa kohtaa product-template.liquid.
  6. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on juuri tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.
  7. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Sections-hakemistossa kohtaa product-template.liquid.
  6. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on juuri tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.
  7. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}: 
<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. Klikkaa Tallenna.

Lisää arvostelupisteiden tunnukset esillä olevaan tuotteeseesi jaetuissa teemoissa

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  3. Avaa Sections-hakemistossa featured-product.liquid-tiedosto.
  4. Etsi koodinpätkästä alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on jossakin tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ title }}. Jos et löydä tunnistetta {{ title }}, hae tunnistetta {{ product.title }}.
  5. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Sections-hakemistossa featured-product.liquid-tiedosto.
  6. Etsi koodinpätkästä alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on jossakin tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ title }}. Jos et löydä tunnistetta {{ title }}, hae tunnistetta {{ product.title }}.
  7. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Sections-hakemistossa featured-product.liquid-tiedosto.
  6. Etsi koodinpätkästä alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on jossakin tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ title }}. Jos et löydä tunnistetta {{ title }}, hae tunnistetta {{ product.title }}.
  7. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}: 
<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. Klikkaa Tallenna.

Vanhat osiin jakamattomat teemat

Voit lisätä arvosteluja, sisällyttää arvostelulomakkeen ja näyttää arvostelupistetunnuksia vanhojen osiin jakamattomien teemojen eri sivuilla.

Lisää tuotesivulle arvosteluja sekä arvostelulomake osiin jakamattomissa teemoissa.

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  3. Avaa Templates-hakemistossa product.liquid.
  4. Etsi koodista alue, jossa haluat arvosteluiden näkyvän. Yleensä alue on tuotekuvauksen alla. Löydät tuotekuvauksen tiedostosta hakemalla Liquid-tunnistetta {{ product.description }}.
  5. Liitä {{ product.description }}-Liquid-tunnisteen sisältämän koodin alle seuraava koodinpätkä: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Templates-hakemistossa product.liquid.
  6. Etsi koodista alue, jossa haluat arvosteluiden näkyvän. Yleensä alue on tuotekuvauksen alla. Löydät tuotekuvauksen tiedostosta hakemalla Liquid-tunnistetta {{ product.description }}.
  7. Liitä {{ product.description }}-Liquid-tunnisteen sisältämän koodin alle seuraava koodinpätkä: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Templates-hakemistossa product.liquid.
  6. Etsi koodista alue, jossa haluat arvosteluiden näkyvän. Yleensä alue on tuotekuvauksen alla. Löydät tuotekuvauksen tiedostosta hakemalla Liquid-tunnistetta {{ product.description }}.
  7. Liitä {{ product.description }}-Liquid-tunnisteen sisältämän koodin alle seuraava koodinpätkä: 
<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. Klikkaa Tallenna.

Lisää arvostelupisteiden tunnukset kokoelmasivuillesi osiin jakamattomissa teemoissa

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

  3. Avaa Koodinpätkät-hakemistossa product-grid-item.liquid. Joissakin teemoissa tällä tiedostolla on eri nimi. Jos et löydä kohdetta product-grid-item.liquid, etsi jokin seuraavista:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidJos teemassasi ei ole yhtäkään edellä mainituista tiedostoista, tuotteesi ruudukkokoodi voi löytyä Mallit-hakemiston tiedostosta collection.liquid.

  4. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on jossakin tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.

  5. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}:

<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

  5. Avaa Koodinpätkät-hakemistossa product-grid-item.liquid. Joissakin teemoissa tällä tiedostolla on eri nimi. Jos et löydä kohdetta product-grid-item.liquid, etsi jokin seuraavista:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidJos teemassasi ei ole yhtäkään edellä mainituista tiedostoista, tuotteesi ruudukkokoodi voi löytyä Mallit-hakemiston tiedostosta collection.liquid.

  6. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on jossakin tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.

  7. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}:

<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.

  5. Avaa Koodinpätkät-hakemistossa product-grid-item.liquid. Joissakin teemoissa tällä tiedostolla on eri nimi. Jos et löydä kohdetta product-grid-item.liquid, etsi jokin seuraavista:

    • product-card.liquid
    • product-card-item.liquid
    • product-block.liquidJos teemassasi ei ole yhtäkään edellä mainituista tiedostoista, tuotteesi ruudukkokoodi voi löytyä Mallit-hakemiston tiedostosta collection.liquid.

  6. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on jossakin tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.

  7. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}:

<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. Klikkaa Tallenna.

Lisää tuotesivullesi arvostelupisteiden tunnukset osiin jakamattomissa teemoissa

  1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
  2. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  3. Avaa Templates-hakemistossa product.liquid.
  4. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on juuri tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.
  5. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Templates-hakemistossa product.liquid.
  6. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on juuri tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.
  7. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}: 
<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. Klikkaa Tallenna.
  1. Napauta Shopify-sovelluksessa …-painiketta.
  2. Napauta myyntikanavat -osiossa Verkkokauppa.
  3. Napauta Hallitse teemoja.
  4. Etsi teema, jota haluat muokata, avaa toimintovalikko klikkaamalla ...-painiketta ja klikkaa sitten Muokkaa koodia.
  5. Avaa Templates-hakemistossa product.liquid.
  6. Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä alue on juuri tuotenimikkeen alla. Löydät tuotenimikkeen tiedostosta hakemalla Liquid-tunnistetta {{ product.title }}.
  7. Liitä seuraava koodinpätkä uudelle riville sen koodin alapuolelle, joka sisältää Liquid-tunnisteen {{ product.title }}: 
<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. Klikkaa Tallenna.

Valmiina aloittamaan Shopifyssa?

Kokeile ilmaiseksi