BunStackDocs

Kaupat

Sivupohjat

Tuotesivu, kategoriasivut ja tekstisivut pohjina: lukitut osiot, Preview with, Details-kuva, Properties ja palkit sekä lukuleveys.

Päivitetty viimeksi · 7 min lukuaika

Pohja on yksi ulkoasu, jonka kauppa täyttää monella eri asialla: jokaisella tuotteella, jokaisella kategorialla tai jokaisella sivulla, jonka kirjoitat hallintaan. Muutat pohjaa kerran, ja kaikki sivut seuraavat.

Missä: Suunnittelutyökalun välilehti Pages, ryhmä Templates.

Kolme pohjaa

PohjaPiirtääMikä sivuja erottaa
Product pageJokaisen tuotesivun, /products/…Tuotteen kuvat, tekstit, ominaisuudet ja lisävalinnat, kohdassa Admin › Products
Collection pagesJokaisen kategoriasivun, All products osoitteessa /products ja hakutuloksetKategorian nimi, teksti ja tuotteet, kohdassa Admin › Products › Categories
Text pagesJokaisen sivun kohdassa Admin › Pages, esimerkiksi Tietoa meistä ja toimitusehdotSivun otsikko ja teksti

Avaa pohja työtilaan napsauttamalla sitä, kuten Home. Merkki TEMPLATE kertoo, että rivi on pohja. Pohjan osiot ovat samat kaikilla sivuilla, jotka se piirtää.

Pages-välilehden ryhmät on kuvattu sivulla Osiot ja sivut.

Lukitut osiot

Jotkin osiot kuuluvat pohjaan, eikä niitä voi poistaa. Niissä on lukko ja merkki ALWAYS ON ON/OFF-merkin sijaan.

OsioPohjaMitä lukko tarkoittaa
ProductProduct pageGalleria ja ostopaneeli. Aina ensimmäisenä, eikä mitään voi siirtää sen yläpuolelle. Hinta, ALV-rivi, 30 päivän alin hinta ja ostopainike ovat aina mukana
Product safetyProduct pageValmistaja ja EU:n vastuuhenkilö. Voi siirtää, mutta ei voi kytkeä pois. Näkyy, kun toimittajalla on tiedot
Page textText pagesSivun otsikko ja teksti. Aina ensimmäisenä

Valikko ⋯ Actions ja työtilan työkalurivi näyttävät vain sen, mikä on mahdollista. Jos lukittu osio puuttuu tallennetusta pohjasta, kauppa lisää sen takaisin. Lukittu osio näkyy kaikilla näytöillä, joten siinä ei ole valintaa Show on.

Tuotesivu

Pages › Product page sisältää alussa nämä osiot tässä järjestyksessä:

OsioAsetukset tarkastelijassa
ProductEi asetuksia. Napsautus avaa kohdan Components › Product page, jossa ulkoasu asetetaan
PropertiesPlace (In the buy panel, Own section). Omana osionaan myös Heading
DetailsHeading ja Image beside the text (None, Last image)
Product safetyEi asetuksia
ReviewsEi asetuksia
Linked categoriesColumns näyttökoon mukaan kohdassa Layout. Kategoriat ja niiden otsikot valitaan kussakin kategoriassa, katso Linkitetyt kategoriat
You may also likeHeading, Products (4 tai 8) ja Columns näyttökoon mukaan kohdassa Layout
Recently viewedEi asetuksia. Pois päältä alussa

Tyhjä Heading näyttää alustan tekstin kävijän kielellä, esimerkiksi "Tiedot". Osiot Properties, Details, Reviews, Linked categories ja You may also like voi kytkeä pois, siirtää ja poistaa. Poistettu osio löytyy kirjastosta kohdasta This page, ja sen voi lisätä takaisin. Ilman Reviews-osiota tuotenimen alla oleva arvio ei ole linkki.

Näillä osioilla on myös Width ja Show on kohdassa Layout. You may also like -osiossa ja jokaisella Linked categories -rivillä on 4 saraketta tietokoneella, 3 tabletilla ja 2 mobiilissa, kunnes valitset muut. Pohjan osion nimen alla tarkastelija kertoo, missä osio voi olla: Only on product pages tai Only on text pages.

Omat osiot kirjastosta, esimerkiksi Kuva + teksti tai FAQ, voi lisätä mihin tahansa osion Product alapuolelle. Myös Specifications löytyy kohdasta This page. Kun se on sivulla, ominaisuusrivit ovat omassa osiossaan omalla Heading-otsikolla, ja Details näyttää vain tekstin.

Teksti Detailsissa

Details näyttää tuotteen kuvauksen. Ensimmäistä kappaletta ei toisteta siinä, kun se on jo hinnan vieressä: kun se on Short description, tai kun lyhyttä kuvausta ei ole ja ensimmäinen kappale mahtuu kokonaan hinnan viereen. Hinnan vieressä lyhennetty ensimmäinen kappale jää Detailsiin. Jos ostopaneelissa on oma HTML, koko kuvaus jää Detailsiin.

Kuva Detailsin vieressä

Image beside the text on alussa None. Valinnalla Last image tuotteen viimeinen kuva näkyy tekstin vieressä. Kuva näkyy vain tietokoneella, 1025 px:stä alkaen. Se ei vaihdu, kun asiakas valitsee toisen variantin.

Properties ja palkit

Osio Properties päättää, missä palkit näkyvät. Mistä ominaisuuksista tulee palkkeja ja mikä niiden asteikko on, asetetaan ominaisuuskohtaisesti kohdassa Products › Attributes.

PlaceMitä näkyy
In the buy panelPalkit hinnan vieressä olevan tekstin alla, esimerkiksi Speed ja Control. Muut ominaisuudet ovat rivejä Detailsissa. Tämä on oletus
Own sectionOsion Heading, tai alustan teksti kun se on tyhjä, sitten palkit ja ominaisuusrivit, siinä kohdassa johon osion lisäät

Show bars kohdassa Components › Product page kytkee palkit päälle ja pois. Kun se on pois päältä, Bar-ominaisuudet ovat rivejä kuten muut. Jos kytket Properties-osion pois tai poistat sen, palkkejakaan ei ole, ja kaikki ominaisuudet ovat rivejä Detailsissa. Rivit ovat yhdessä paikassa: osiossa Specifications, kun se on sivulla, muuten Properties-osiossa omana osionaan, muuten Detailsissa. Kun palkit ovat päällä, samat ominaisuudet eivät näy myös riveinä. Jos ostopaneelissa on oma HTML, alusta ei piirrä sinne palkkeja, ja rivit jäävät taulukkoon. Properties omana osionaan on alustan piirtämä, myös oman HTML:n kanssa. Ostopaneelissa Properties-osion Show on koskee palkkeja, eikä Properties-osiolla ole kenttiä Heading, Width tai Background: siellä se ei piirrä omaa osiota.

Tekstisivut

Pages › Text pages sisältää osion Page text, jossa on kaksi asetusta:

AsetusValinnat
Reading widthPage, XS 640, S 768, M 1024, L 1280, XL 1440, 2XL 1536 px tai Full. Teksti on sivun palstassa, joten Page, Full ja sivua leveämpi porras täyttävät palstan. Custom ottaa oman arvon px- tai rem-yksikkönä. Oletus on S. Se on sivun tekstin ainoa leveys: osiolla ei ole muuta Width-valintaa
Text sizeNormal tai Large

Omia osioita voi lisätä tekstin alle. Tekstin kirjoitat kohdassa Admin › Pages, katso Sivut ja oikeudelliset tekstit.

Collection pages

Pages › Collection pages piirtää kategoriasivut, sivun All products ja hakutulokset. Työtila näyttää sivun niin kuin kauppa: nimen ja murupolun, kategorian kuvauksen, suodattimet, rivin, jossa on tuotteiden määrä ja lajittelu, tuotteet ja pohjan osiot. Puhelimessa ja tabletissa, 1024 px asti, suodattimet ovat kapea rivi, joka avaa paneelin. Vaihda työtila tilaan Tablet tai Mobile nähdäksesi sen.

Suodattimet ja lajittelu toimivat työtilassa, joten voit rastittaa, taittaa ja avata paneelin kokeillaksesi niitä. Rasteja ei tallenneta. Osion napsautus valitsee osion kuten muillakin sivuilla.

Suodattimien ja lajittelun ulkoasu asetetaan kohdassa Components › Collection page. Mitä suodattimia kategoria näyttää, asetetaan kategoriassa.

Preview with

Työtilan yläpuolella oleva luettelo Preview with valitsee, millä pohja täytetään työskentelyn ajan.

  • Product page: ensin täydellisimmät tuotteet, joissa on eniten kuvia, ominaisuuksia ja variantteja. Sitten yksi tuote jokaisesta kategoriasta ja viimeisenä kaikki tuotteet. Palkit ja rivit tulevat tuotteesta. You may also like näyttää kaupan muita tuotteita, ei tuotteen omia. Linked categories näyttää esimerkkirivin: kaupan ensimmäisen kategorian nimen ja kaupan ensimmäiset tuotteet. Sen yllä oleva rivi kankaalla kertoo, että kyse on esimerkistä. Vain lisävalintana myytävät tuotteet ovat viimeisenä omassa ryhmässään Sold only as an add-on.
  • Search products… luettelon vieressä löytää tuotteen nimen perusteella.
  • Text pages: kaupan sivut, pisin ensin.
  • Collection pages: kategoria, All products tai Search results. Aluksi näkyy kategoria, jolla on eniten suodattimia, tai All products, jos kaupassa ei ole kategorioita. Luettelo näyttää suodattimien määrän kategorioittain. Kategoria näytetään omine tuotteineen kategorian järjestyksessä kuten kaupassa, suodattimineen ja kuvauksineen. Kohtaan Search results kirjoitat sanat, ja työtila vertaa niitä tuotteiden nimiin.
  • Valintaa ei tallenneta pohjan mukana. Se on voimassa välilehdessä, kunnes suljet sen.

Komponentit Product page ja Gallery näytetään samalla tuotteella ja osiot tallentamassasi järjestyksessä. Komponentti Collection page näytetään samalla valinnalla kuin Collection pages.

Ylä- ja alatunniste

Pohjan ratas välilehdellä Pages avaa asetukset Header ja Footer kaikille sivuille, jotka pohja piirtää. Muutos tulee voimaan kaupassa heti, ei seuraavassa julkaisussa. Jokaisella tuotteella, kategorialla ja sivulla on oma osoite, otsikko ja hakuteksti.

Yksi valinta, yksi paikka

ValintaMissä
Järjestys, päälle ja pois, omat osiotPages, pohja, välilehti Sections
Kuva Detailsin vieressä, otsikot, tuotteiden määräSama osio, tarkastelija
Missä palkit näkyvät, omana osionaan otsikon kanssaOsio Properties, tarkastelija
Gallerian ja ostopaneelin ulkoasu, palkit päälle ja pois, maksukuvakkeetComponents › Product page ja Gallery
Miten ominaisuus näytetäänProducts › Attributes
Lyhyt kuvaus, kuvaus ja kuvatProducts, tuote
Tuotteen SEOProducts, tuote
Oma HTML ostopaneeliinAdvanced, sitten Components › Product page › Customize with code