Tuotevariaatiot ovat uusi ominaisuus. Vanhoissa teemoissa ei ole valmiiksi tukea tuotevariaatioiden näkymiselle verkkokaupan tuotekortissa, mutta ne on mahdollista lisätä tekemällä pieni muutos teeman lähdekoodiin.
Teemat Nova, Veloura, Celesta, Wave, Bloom ja Aurora tukevat tuotevariaatioiden valintojen näyttämistä, eikä niitä tarvitse muuttaa. Ohje koskee vain näitä aiemmin julkaistuja teemoja.
1. Avaa lähdekoodi muokattavaksi
Siirry ensin "Verkkokauppa"-osioon, josta löydät asennetut teemat. Valitse teema, jota haluat muokata, ja klikkaa sen kohdalta "Muokkaa"-painiketta.
Avaa seuraavaksi vasen valikko klikkaamalla yläreunasta "Valikko"-painiketta. Siirry vasemmasta valikosta kohtaan "Teeman tiedot > Lähdekoodi".
Teemat Boutique, Stockholm, Milan, Bella käyttävät vanhempaa versiota teeman muokkauksesta. Näissä teemoissa voit avata lähdekoodin klikkaamalla "Lähdekoodi"-painiketta vasemmalta alhaalta.
2. Avaa tuotesivun lähdekoodi
Alla on ohjeet tuotesivun teemakohtaiseen päivittämiseen. Varmista aina muutosten toimivuus. Varmin tapa testata lähdekoodin muutoksia ja varmistaa, etteivät ne vaikuta myyntiisi haitallisesti ennen julkaisua, on luoda kopio nykyisestä teemastasi. Voit tehdä tämän Verkkokauppa-sivulla valitsemalla teemasi kohdalta Toiminnot > Luo kopio.
Cora
Cora
Avaa tiedosto
sections/product-template.liquid.Etsi kohta
{% if store.customer_accounts_require_approval == false or customer.has_access %}.Liitä tämän kohdan jälkeen seuraava koodi: https://gist.github.com/smaege/b8e8d789b9a53ea7f74ded23e20fbf07
Tallenna muutokset valitsemalla ylhäältä Tallenna.
Kobi, Electric, Star, Helion, Juicy, Solina, Flow, Nedo, Majesty, Rye
Kobi, Electric, Star, Helion, Juicy, Solina, Flow, Nedo, Majesty, Rye
Avaa tuotesivu valitsemalla navigaatiopalkista pudotusvalikosta Tuote.
Avaa osion Tuotekortti asetukset ja tarkista käytössä oleva asettelu kohdasta Sisältö > Yleinen > Asettelu
Avaa tiedosto
snippets/product-card/layout_<asettelu>_right.liquid, jossa<asettelu>on numero, joka vastaa edellisessä vaiheessa katsomaasi asettelun numeroa.Etsi kohta
{% if customer_has_access and product.only_preview == false %}.Liitä tämän kohdan jälkeen seuraava koodi: https://gist.github.com/smaege/f1e8e8efa5001c22c106538545398762
Tallenna muutokset valitsemalla ylhäältä Tallenna.
Boutique, Stockholm, Milan, Bella
Boutique, Stockholm, Milan, Bella
Avaa tiedosto
theme/modules/product/product.liquid.Etsi kohta
{% if product.related.size > 0 %}.Liitä tätä kohtaa ennen seuraava koodi: https://gist.github.com/smaege/fe35538def1473ecdb4cd47f93102a59
Tallenna muutokset valitsemalla ylhäältä Tallenna.
Tuotevariaatioiden valintojen tulisi nyt näkyä tuotesivulla. Mikäli loit kopion nykyisestä teemastasi, muista julkaista se "Verkkokauppa"-osiossa valitsemalla "Toiminnot > Ota käyttöön". Klikkaa tämän jälkeen vielä "Julkaise teema"-painiketta.