Page Builder

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ä