Product Reviews -sovelluksen käyttäminen

Siirry App Storeen, jos haluat asentaa Product Reviews -sovelluksen Shopifyhin.

Kun olet asentanut Product Reviews -sovelluksen, voit lisätä arvostelulomakkeita tuotesivuillesi ja arvostelupisteitä tuote- ja kokoelmasivuillesi.

Tämän tutoriaalin työvaiheet vaihtelevat teemasi arkkitehtuuriversion mukaan.

Klikkaa teema-arkkitehtuuriversiotasi vastaavaa painiketta ja lisää verkkokauppaasi sitten arvosteluelementtejä ohjeita noudattamalla.

Online Store 2.0

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

Pöytäkone

1. Siirry Shopify-ylläpitäjässä verkkokaupan > teemoihin.
2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.

iPhone

1. Napauta Shopify sovelluksessa kauppa.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
5. Napauta Muokkaa.

Android

1. Napauta Shopify sovelluksessa kauppa.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
5. Napauta Muokkaa.

1. Siirry siihen tuotemalliin, johon haluat lisätä arvostelu- ja arvostelulomakeosion.
2. Napauta Lisää osio.
3. Valitse Sovellukset-osion pudotusvalikosta Arvostelut-sovelluslohko.
4. Valinnainen: siirrä sovellusosio siihen paikkaan, jossa haluat sen olevan sivulla.
5. Napauta Tallenna.

Arvostelujen ja arvostelulomakkeen lisääminen lohkoksi

Pöytäkone

1. Siirry Shopify-ylläpitäjässä verkkokaupan > teemoihin.
2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.

iPhone

1. Napauta Shopify sovelluksessa kauppa.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
5. Napauta Muokkaa.

Android

1. Napauta Shopify sovelluksessa kauppa.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
5. Napauta Muokkaa.

1. Siirry sivulle ja osioon, johon haluat lisätä arvostelu- ja arvostelulomakelohkon.
2. Klikkaa Lisää lohko.
3. Valitse Sovellukset-osion pudotusvalikosta Arvostelut-sovelluslohko.
4. Valinnainen: siirrä Arvostelut-lohko siihen paikkaan, jossa haluat sen olevan osiossa.
5. Napauta 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.

Pöytäkone

1. Siirry Shopify-ylläpitäjässä verkkokaupan > teemoihin.
2. Etsi teema, jota haluat muokata, ja klikkaa sitten Mukauta.

iPhone

1. Napauta Shopify sovelluksessa kauppa.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
5. Napauta Muokkaa.

Android

1. Napauta Shopify sovelluksessa kauppa.
2. Napauta myyntikanavat -osiossa Verkkokauppa.
3. Napauta Hallitse teemoja.
4. Etsi teema, jota haluat muokata, ja napauta sitten Mukauta.
5. Napauta Muokkaa.

1. Siirry sille sivulle ja siihen osioon, johon haluat lisätä tähtiluokituksen.
2. Klikkaa Lisää lohko.
3. Valitse Sovellukset-osion pudotusvalikosta tähtiluokitus-sovelluslohko.
4. Valinnainen: siirrä tähtiluokituksen lohko siihen paikkaan, jossa haluat sen olevan osiossa, tai mukauta tähtien väriä, kokoa, tasausta ja kontekstia.
5. Napauta Tallenna.

Vintage sectioned themes

Arvostelujen ja arvostelulomakkeiden lisääminen tuotesivuille osiin jaetuissa teemoissa

Pöytäkone

1. Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.

2. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

iPhone

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

Android

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

1. Avaa Osiot-hakemistossa kohtaa product-template.liquid.

2. Etsi koodista alue, jossa haluat arvostelujen näkyvän. Yleensä tämä alue on tuotekuvauksen alla. Löydät tuotekuvauksen tiedostosta etsimällä Liquid-tunnisteen {{ product.description }}.

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

Koodin sijoittelu saattaa näyttää tältä:

<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 Shopifyn administa Verkkokauppa > Teemat.

2. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

3. Avaa Koodinpätkät-hakemistossa product-grid-item.liquid-tiedosto.

   Jotkin teemat käyttävät eri nimeä tälle tiedostolle. Jos et löydä product-grid-item.liquid-tiedostoa, etsi jokin seuraavista:

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

1. Etsi koodista alue, jossa haluat arvostelupisteiden merkkien näkyvän. Yleensä ne ovat jossain tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste {{ product.title }}.

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

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

Koodin sijoittelu saattaa näyttää tältä:

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

Voit kokeilla koodin laittamista tiedoston eri paikkoihin nähdäksesi missä pidät siitä eniten.

1. Klikkaa Tallenna.

Lisää tuotesivullesi arvostelupisteiden tunnukset jaetuissa teemoissa

Arvostelupisteiden tunnusten lisääminen tuotesivullesi:

Pöytäkone

1. Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.

2. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

iPhone

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

Android

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

1. Avaa Osiot-hakemistossa kohtaa product-template.liquid.

2. Etsi koodista alue, jossa haluat arvostelupisteiden merkkien näkyvän. Yleensä ne ovat jossain tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste {{ product.title }}.

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

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

Koodin sijoittelu saattaa näyttää tältä:

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

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

Voit kokeilla koodin laittamista tiedoston eri paikkoihin nähdäksesi missä pidät siitä eniten.

1. Klikkaa Tallenna.

Lisää arvostelupisteiden tunnukset esillä olevaan tuotteeseesi jaetuissa teemoissa

Huomaa

Jos käytät Venturea, esillä olevaan tuotteeseesi ei suositella laitettavan arvostelupisteiden tunnuksia.

Voit lisätä arvostelupisteiden tunnukset kotisivulla esillä olevaan tuotteeseen seuraavasti:

Pöytäkone

1. Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.

2. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

iPhone

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

Android

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

1. Avaa Osiot-hakemistossa tiedosto featured-product.liquid.

2. Etsi koodista alue, jossa haluat arvostelupisteiden merkkien näkyvän. Yleensä ne ovat jossain tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste {{ title }}. Jos et löydä tunnistetta {{ title }}, etsi tunnistetta {{ product.title }}.

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

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

Koodin sijoittelu saattaa näyttää tältä:

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

Voit kokeilla koodin laittamista tiedoston eri paikkoihin nähdäksesi missä pidät siitä eniten.

1. Klikkaa Tallenna.

Vintage non-sectioned themes

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

Jos haluat lisätä arvostelulomakkeita tuotesivuillesi, toimi seuraavalla tavalla:

Pöytäkone

1. Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.

2. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

iPhone

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

Android

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

1. Avaa Mallit-hakemistossa kohta product.liquid.

2. Etsi koodista alue, jossa haluat arvostelujen näkyvän. Yleensä tämä alue on tuotekuvauksen alla. Löydät tuotekuvauksen tiedostosta etsimällä Liquid-tunnisteen {{ product.description }}.

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

Koodin sijoittelu saattaa näyttää tältä:

<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

Arvostelupisteiden tunnusten lisääminen kokoelmasivuillesi:

Pöytäkone

1. Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.

2. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

iPhone

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

Android

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

1. Avaa Koodinpätkät-hakemistossa product-grid-item.liquid.

   Jotkin teemat käyttävät eri nimeä tälle tiedostolle. Jos et löydä product-grid-item.liquid-tiedostoa, etsi jokin seuraavista:

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

Jos teemassasi ei ole yhtäkään edellä mainituista tiedostoista, tuotteesi ruudukkokoodi voi löytyä Mallit-hakemiston tiedostosta collection.liquid.

1. Etsi koodista alue, jossa haluat arvostelupisteiden merkkien näkyvän. Yleensä ne ovat jossain tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste {{ product.title }}.

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

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

Koodin sijoittelu saattaa näyttää tältä:

<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-itemimage" src="{{ product.featured_image.src | img_url: grid_image_width, scale: grid_image_scale }}" alt="{{ product.featured_image.alt }}">
    <div class="h4 grid-view-itemtitle">{{ product.title }}</div>
      {% if section.settings.show_vendor %}
    <div class="grid-view-itemvendor">{{ 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>

Voit kokeilla koodin laittamista tiedoston eri paikkoihin nähdäksesi missä pidät siitä eniten.

1. Klikkaa Tallenna.

Lisää tuotesivullesi arvostelupisteiden tunnukset osiin jakamattomissa teemoissa

Arvostelupisteiden tunnusten lisääminen tuotesivullesi:

Pöytäkone

1. Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.

2. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

iPhone

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

Android

1. Napauta Shopify-sovelluksessa Kauppa.

2. Napauta Myyntikanavat-kohdassa Verkkokauppa.

3. Napauta Hallinnoi teemoja.

4. Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.

1. Avaa Mallit-hakemistossa kohta product.liquid.

2. Etsi koodista alue, jossa haluat arvostelupisteiden merkkien näkyvän. Yleensä ne ovat jossain tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste {{ product.title }}.

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

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

Koodin sijoittelu saattaa näyttää tältä:

<h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>
<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

Voit kokeilla koodin laittamista tiedoston eri paikkoihin nähdäksesi missä pidät siitä eniten.

1. Klikkaa Tallenna.