Page Builder
Johanna Lintala
Page builder avulla on helppo luoda sisältöä verkkokauppaan. Page builderilla voidaan luoda verkkokauppaan sivuja ja lohkoja helposti. Sisältötyökaluilla voidaan tehdä asetteluita cms – sivuille, tuotteille ja kategorioille. Sisällönosat siirretään helposti paikalleen drag & drop tekniikalla.
Valmistajan linkki ohjeisiin löytyy täältä https://experienceleague.adobe.com/docs/commerce-admin/page-builder/guide-overview.html?lang=en
Tuolta voi käydä katsomassa onko ohje muuttunut mikäli moduuli päivittyy eikä näistä ohjeista löydy vastausta.
Osiot, jotka on rakennettu Magentoon ennen page builderin käyttöönottoa niin ne eivät ole samalla tavalla page builderilla editoitavissa. Vaan ne näkyy HTML - koodi muodossa.
Kun avaat page builder työtilan on se aluksi tyhjä, mutta voit helposti muokata siitän halutunlaisen vetämällä siihen rivejä, sarakkeita, välilehtiä, kuvia, tekstejä, bannereita yms sisältötyökalupaneelista.
Työtilan ylhällä keskellä on alla olevat kuvakkeet. Voit katsoa miltä tekemäsi sivumalli näyttää työpöytänäkymässä ja mobiiilinäkymässä.
Templates /Mallit ovat erilaisia aiemmin luotuja sivuja tai lohkoja, jota voi käyttää muiden sivujen tai lohkojen muokkaamisen pohjana
Oikeasta yläkulmasta löytyy kaksi painiketta. Apply template ja Save as template.
Apply Template - painikkeesta voit hakea aiemmin luotuja malleja muokattavaksi ja Save as template - kohdasta voit tallentaa tekemäsi / muokkaamasi mallin.
Sisältötyökalut sijaitsevat työtilan vasemmassa reunassa.
Haluamasi sisältötyökalun saat siirrettyä klikkaamalla haluamaasi työkalua ja raahaamalla se oikeaan kohtaan.
Layoutin eli asettelu otsikon alta löytyy seuraavat:
Row /Rivi Uusi rivi voidaan vetää paneelista suoraan paikalleen ja sijoittaa toisen rivin, välilehden tai sarakeryhmän ylä- tai alapuolelle.
Rivielementti on sisältöalueen levyinen, joten se on hyvä olla osion pohjana. Elementtejä ei saa vedettyä paikalleen ellei riviä ole ensin lisätty.
Column / Sarake voidaan vetää paneelista työtilaan, riveille ja välilehdille. Lisättävien sarakkeiden enimmäismäärä määräytyy page builderin asetuksissa annetun ruudukon lukumäärän mukaan
Tabs / Välilehdet Välilehtiä voidaan vetää työtilaan, riveille ja sarakkeille.
Elemement eli elementit alta löytyy seuraavat vaihtoehdot
Text / teksti työkalulla lisäät tekstilaatikon haluamaasi kohtaan
Headings / otsikot työkalulla lisäät otsikkotekstilaatikon haluamaasi kohtaan
Buttons /painikkeet työkalulla lisäät työtilaan yksittäisen painikkeen tai painikesarjan
Dividers / jakalla voit jaotella työtilan eri osioihin
HTML code Voit lisätä osion HTML – koodia varten
Media kohdan alta löytyy seuraavat vaihtoehdot
Image /kuva. Voit lisätä kuvia haluamaasi paikkaan
Video. Voit lisätä videon haluamaasi paikkaan
Banner kohdasta voit vetää bannerin haluamaasi paikkaan
Slider voit lisätä kuvaesityksiä haluamaasi paikkaan.
Google maps Voit lisätä google map karttaosion (kartan toimimiseen tarvitaan google api avain)
Add content /lisää sisältöä alta löytyy seuraavat vaihdoehdot
Block/ lohko voit lisätä olemassaolevan lohkon auki olevaan työtilaan
Products / Tuotteet voit lisätä tuotenosto-osion haluaamaasi kohtaan työtilassa
Kun olet raahannut halutun sisällön osan paikalleen ja viet hiiren kyseisen osion päälle niin sieltä aukeaa pop-up ikkuna.
Tässä esimerkkinä row/rivi työkalu pop-up. Kaikissa työkaluriveissä ei ole aina samat valinnat käytössä
Move /siirrä | Tästä klikkaamalla voit siirtää nykyisen osion toiseen kohtaan työtilassa | |
Add / liitä | Lisää alaelementtejä, kuten painikkeen, dian tai välilehden | |
Settings /asetukset | Avaa osion ominaisuudet muokattavaksi. Teksti ja otsikko osioilla ei ole asetusvalikkoa erikseen. | |
Hide/piilota | Piilottaa valitun sisältöosion | |
Show / näytä | Näyttää valitun sisältöosion | |
Duplicate | Tekee kopion valitusta sisältöosiosta | |
Remove / poista | Poistaa valitun sisältöosion |