Product Reviews -sovelluksen käyttäminen
Kun olet asentanut Product Reviews -sovelluksen, voit lisätä arvostelulomakkeita tuotesivuillesi ja arvostelupisteitä tuote- ja kokoelmasivuillesi.
Tämän tutoriaalin vaiheet poikkeavat toisistaan sen mukaan, käytätkö osioihin jaettua vai osioihin jakamatonta teemaa. Osioihin jaettu teema on uudempi teema, jossa voit muuttaa kaupan sivujen asettelua vetämällä ja pudottamalla kohteita.
Teeman Muokkaa koodia -sivulla saat selville tukeeko teemasi osioita. Jos Osiot-hakemistossa on tiedostoja, käytössäsi on osioihin jaettu teema. Osioihin jakamattomat teemat on julkaistu ennen lokakuuta 2016, eikä niiden Osiot-hakemistossa ole tiedostoja.
Jos käytät osioihin jaettua teemaa, klikkaa Osioihin jaetut teemat -painiketta ja noudata ohjeita. Jos käytät vanhempaa teemaa, jota ei ole jaettu osioihin, klikkaa Osioihin jakamattomat teemat -painiketta ja noudata ohjeita.
Arvostelujen ja arvostelulomakkeiden lisääminen tuotesivuille osiin jaetuissa teemoissa
Jos haluat lisätä arvostelulomakkeita tuotesivuillesi, toimi seuraavalla tavalla:
Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Avaa Osiot-hakemistossa kohtaa
product-template.liquid
.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 }}
.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>
- Klikkaa Tallenna.
Arvostelupisteiden lisääminen kokoelmasivuille osiin jaetuissa teemoissa
Toimintovaiheet:
Siirry Shopifyn administa Verkkokauppa > Teemat.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
-
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
Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä tämä alue on jossain tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste
{{ product.title }}
.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.
- Klikkaa Tallenna.
Lisää tuotesivullesi arvostelupisteiden tunnukset jaetuissa teemoissa
Arvostelupisteiden tunnusten lisääminen tuotesivullesi:
Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Avaa Osiot-hakemistossa kohtaa
product-template.liquid
.Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä tämä alue on juuri tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste
{{ product.title }}
.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.
- 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:
Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Avaa Osiot-hakemistossa tiedosto
featured-product.liquid
.Etsi koodikatkelmasta alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä tämä alue on jossain tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste
{{ title }}
. Jos et löydä tunnistetta{{ title }}
, etsi tunniste{{ product.title }}
.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.
- Klikkaa Tallenna.
Lisää tuotesivulle arvosteluja sekä arvostelulomake osiin jakamattomissa teemoissa.
Jos haluat lisätä arvostelulomakkeita tuotesivuillesi, toimi seuraavalla tavalla:
Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Avaa Mallit-hakemistossa kohta
product.liquid
.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 }}
.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>
- Klikkaa Tallenna.
Lisää arvostelupisteiden tunnukset kokoelmasivuillesi osiin jakamattomissa teemoissa
Arvostelupisteiden tunnusten lisääminen kokoelmasivuillesi:
Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
-
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
.
Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä tämä alue on jossain tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste
{{ product.title }}
.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.
- Klikkaa Tallenna.
Lisää tuotesivullesi arvostelupisteiden tunnukset osiin jakamattomissa teemoissa
Arvostelupisteiden tunnusten lisääminen tuotesivullesi:
Valitse Shopifyn admin-sivulla Verkkokauppa > Teemat.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Napauta Shopify-sovelluksessa Kauppa.
Napauta Myyntikanavat-kohdassa Verkkokauppa.
Napauta Hallinnoi teemoja.
Etsi teema, jota haluat muokata, ja valitse sitten Toiminnot > Muokkaa koodia.
Avaa Mallit-hakemistossa kohta
product.liquid
.Etsi koodista alue, jossa haluat arvostelupisteiden tunnusten näkyvän. Yleensä tämä alue on juuri tuotenimikkeen alla. Löytääksesi tuotenimikkeen tiedostosta, etsi Liquid-tunniste
{{ product.title }}
.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.
- Klikkaa Tallenna.