Kaupat
Teema ja suunnittelutyökalu
Näin rakennat kaupan ulkoasun: helppo tila, osiot, sivuasetukset, julkaisu ja versiot.
Suunnittelutyökalu avataan kohdasta Storefronts › Theme, ja se näyttää kaupan reaaliajassa muokkauksen aikana.
Kaksi tilaa
- Helppo tila: logo, favicon, värit, kirjasimet, painiketyyli, ylä- ja alatunniste (sarakkeet, uutiskirje, some-kuvakkeet, maksutavat, valuutanvalitsin), ilmoituspalkki, tuotekortit ja etusivun lohkot.
- Osiot: etusivu ja omat sivut rakentuvat osioista (hero, tuoterivit, kategoriat, teksti ja kuva, uutiskirje, yhteystiedot ja muut), joita voi siirtää, piilottaa ja määrittää.
Sivut suunnittelutyökalussa
Jokaisella sivulla on asetukset SEO:lle (otsikko, kuvaus, kuva, canonical, indeksointi), slugille, tilalle (julkinen, yksityinen) ja ajastetulle julkaisulle. Omaa CSS:ää ja omaa koodia <head>-osaan voi lisätä sivukohtaisesti, ja ne puhdistetaan ennen käyttöä.
Julkaisu ja versiot
Muutokset tallennetaan luonnoksena. Julkaise luo version, jota kauppa käyttää; vanhemmat versiot säilyvät ja ne voi palauttaa. Esikatselu näyttää aina luonnoksen.
Mitä teema ei ohjaa
Kassa, maksun jälkeinen odotussivu ja tilausvahvistus käyttävät BunStackin omaa kassakehystä: sama rauhallinen asettelu kaikissa kaupoissa, logollasi ja korostusvärilläsi. Se on tarkoituksellista, samaan tapaan kuin kaikilla Shopify-kaupoilla on sama kassa. Katso Kassa asiakkaan silmin.
Fontit
Helpon tilan fonttiparit (esimerkiksi Barlow Condensed + News Cycle urheiluun, Oswald + Inter, Sectra + Inter) ladataan kauppaan automaattisesti Google Fontsista, joten valinta näkyy asiakkaille heti. Adobe Fontsin tai oman palvelimen fontit lisätään <link>-rivinä sivun Head HTML -kenttään; Adobe Fontsissa kaupan verkkotunnuksen on oltava lisättynä kittiin.
Kohdassa Otsikot valitset, kirjoitetaanko otsikot normaalina tekstinä vai ISOIN KIRJAIMIN. Esiasetus Center Court (valkoinen tausta, musta teksti, yksi punainen ostonappi, tiivistetyt isokirjaimiset otsikot) on tehty urheilu- ja välinekaupoille.
Kuvabanneri ja kategoriat
Image banner -osiossa on asetukset Text align (keskitetty tai vasemmalle tasattu tummalla häivytyksellä vasemmalta) ja Height (medium, large, extra large) etusivun heroa varten. Categories-osio näyttää pääkategoriat kuvaruutuina heti, kun kategorialla on kuva; ilman kuvaa nimi näytetään kehyksessä.
Teema yhdelle asiakkaalle
Aloitusmalli voidaan lukita yhdelle asiakkaalle: silloin se näkyy vain kyseisen asiakkaan tilillä kohdassa Storefronts › Theme › Start from a starter. Wood Housella on aloitusmalli Yasaka, kopio heidän nykyisestä verkkosivustostaan (yläpalkki logolla, koko leveyden hero-kuva, uutuusrivi, kategoriaruudut, 50/50-lohko, Team-osio ja musta alatunniste) BunStackin kassan ja haun päällä. Valitse aloitusmalli, tarkista etusivu designerissa ja julkaise.
Kopion käyttämät uudet asetukset: Width Image banner -osiossa (sivun leveys tai koko leveys), Categories (slugs) Categories-osiossa ruutujen valintaan ja järjestykseen, "View all" Product grid -osiossa sekä teematokenit yläpalkin ja alatunnisteen väreille, logon korkeudelle ja teema-CSS:lle. Tuotesivu näyttää Tiedot-taulukon, kun tuotteella on attribuutteja (migraation 00152 jälkeen).
Alatunniste voi näyttää brändisarakkeen (Helppo tila › Alatunniste › Brand column): alatunnisteen logon, lyhyen kuvauksen ja copyright-rivin teeman brändikentistä. Kategoriasivut käyttävät teeman collection-sivun mallia, joten tuotekortit näyttävät samalta kuin etusivulla.