Kokoelmien alajoukon esitteleminen sivulla
Voit esitellä mukautetulla sivulla kokoelmien alajoukon teeman koodia muokkaamalla. Tässä tutoriaalissa näytetään, miten voit luoda uuden sivumallin ja määrittää näytettävät kokoelmat valikon avulla.
Kaikissa Shopify-kaupoissa on kokoelmaluettelosivu URL-osoitteessa on www.mystore.com/collections
, joka näyttää kaikki kaupan kokoelmat. Vaihtoehtona tälle tutoriaalille voit muokata kokoelmaluettelosivuasi niin, että se näyttää vain valikoiman kokoelmistasi.
Tällä sivulla
Uuden sivumallin luominen
- Siirry Shopifyn admin -sivulta Verkkokauppa > Teemat.
- Etsi teema, jota haluat muokata, ja napsauta sitten ...-painiketta > Muokkaa koodia.
Klikkaa Mallit-hakemistossa kohtaa Lisää uusi malli.
Luo uusi malli sivulle, jonka nimi on list-collections.
Vinkki: Supply-teemassa on valmiina esilaadittu
page.list-collections
-tiedosto.
- Poista olemassa oleva koodi uudesta
page.list-collections
-tiedostostasi. Etsi teeman koodi alta ja kopioi ja liitä koodi sittenpage.list-collections
-tiedostoosi. - Klikkaa Tallenna.
Valitse teema
Tämän mukautuksen koodi vaihtelee teeman mukaan. Klikkaa teemaasi vastaavaa painiketta, ennen kuin kopioit ja liität koodin page.list-collections
-tiedostoosi:
Luo sivu, jolla voit esitellä kokoelmiasi
- Siirry Shopify Administa kohtaan Verkkokauppa > Sivut.
- Klikkaa Lisää sivu.
- Kirjoita Nimi sivueditorissa olevaan tekstikenttään. Sinun on käytettävä samaa nimeä valikossa, jonka luot seuraavissa vaiheissa.
Määritä uusi malli sivulle valitsemalla Verkkokauppa-osion Teemamalli-pudotusvalikosta luettelokokoelmat.
Klikkaa Tallenna.
Luo valikko, joka määrittää, mitkä kokoelmat näytetään
- Siirry Shopify Administa kohtaan Verkkokauppa > Navigointi.
- Klikkaa Lisää valikko -painiketta.
- Anna valikolle sama Nimi, jonka annoit sivulle, jossa kokoelmiasi esitellään. Jos esimerkiksi luomasi sivun nimi on
Living Room
, anna valikon nimeksiLiving Room
. - Lisää valikkoosi linkkejä jokaiseen esiteltävään kokoelmaan klikkaamalla Lisää valikkokohde. Valitse kokoelmia kaupastasi klikkaamalla Linkki-tekstiruudun pudotusvalikossa olevaa Kokoelmat-valintaa. Linkitä kokoelmat tällä tavalla sen sijaan, että lisäisit URL-osoitteen tekstiruutuun.
- Klikkaa Tallenna valikko.