Omasivusto.fi
Komponentit· Tapahtumat ja kurssit

Komponentit

Tapahtumat ja kurssit

Tapahtumalistat, kalenteri, aikataulu, tapahtumakortti ja kurssilista lippuineen ja ilmoittautumisineen.

7 komponenttia

Esimerkit piirretään valitulla teemalla: gallerian pohjan omat värit, fontit ja pyöristykset, tai tumma valmis paletti.

Esimerkit toimivat testitilassa: mitään ei tallenneta oikealle sivustolle, viestejä ei lähetetä ja maksut ovat testimaksuja.

Tapahtuma

Osio Kokeiltava event

Yksi tapahtuma kortissa: aika, paikka, kuvaus ja ilmoittautumis- tai lippupainike.

Asetukset (8)
AsetusMuokataanOletus
Otsikko headingTekstiTapahtuman nimi
Sisältö summaryMuotoiltu tekstiKerro lyhyesti, mitä tapahtuu ja kenelle.
Päivä dateLabelTekstiLa 20.9.2026
Aika timeLabelTeksti18:00
Paikka locationTekstiPääsali
Painikkeen teksti ctaLabelTekstiIlmoittaudu
Painikkeen linkki ctaUrlLinkki#
Kuva imageKuva–

Saavutettavuus

Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.

Käytössä 0 pohjassa

Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.

Tapahtuma-arkisto

Osio eventArchive

Tapahtuma-arkisto: tulevat ja menneet tapahtumat kortteina, päivämäärämerkein tai aikajanana.

Tyylit (4)

Valitse tyyli, niin esimerkki yllä vaihtuu siihen. Sisältö pysyy samana, vain ulkoasu vaihtuu.

Asetukset (14)
AsetusMuokataanOletus
Otsikko headingTekstiTapahtumat
Enimmäismäärä limitLuku12
Sivutus pagingValinta– (Sivunumerot · Näytä lisää -painike)
Teksti, kun lista on tyhjä emptyTextPitkä teksti–
Linkin teksti tyhjän listan alla emptyLinkLabelTeksti–
Linkin osoite tyhjän listan alla emptyLinkUrlLinkki–
Näytä kategoria showCategoryPäällä / pois–
Näytettävät kategoriat categoriesListan kategoriat–
Kävijä voi rajata aiheen mukaan categoryLinksPäällä / pois–
Katso kaikki -linkin osoite allUrlLinkki–
Linkin teksti allLabelTeksti–
Linkin paikka allPlacementValinta– (Listan alla · Otsikon rivillä)
Tyyli designValinta– (Perus · Kortit · Päivämäärälaatta · Aikajana)
Korostus osoitettaessa cardHighlightValinta– (Ei korostusta · Nosto · Reunaväri · Nosto ja reunaväri)

Saavutettavuus

Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.

Tapahtumat ja ilmoittautuminen

Osio Kokeiltava eventList

Tapahtumat ja ilmoittautuminen: sivuston omat tapahtumat, joihin voi ostaa liput tai ilmoittautua.

Asetukset (13)
AsetusMuokataanOletus
Otsikko headingTekstiTulevat tapahtumat
Enimmäismäärä limitLuku12
Näytä vain luokka categoryTeksti–
Kilpailut competitionsValinta– (Kaikki tapahtumat · Vain kilpailut · Ei kilpailuja)
Kävijä voi valita: Kaikki tapahtumat tai Kilpailut competitionFilterPäällä / pois–
Näytä kalenterin tilauslinkki showSubscribePäällä / pois–
Sivutus pagingValinta– (Sivunumerot · Näytä lisää -painike)
Teksti, kun lista on tyhjä emptyTextPitkä teksti–
Linkin teksti tyhjän listan alla emptyLinkLabelTeksti–
Linkin osoite tyhjän listan alla emptyLinkUrlLinkki–
Katso kaikki -linkin osoite allUrlLinkki–
Linkin teksti allLabelTeksti–
Linkin paikka allPlacementValinta– (Listan alla · Otsikon rivillä)

Saavutettavuus

Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.

Tapahtumakalenteri

Osio Kokeiltava eventCalendar

Tapahtumakalenteri kuukausinäkymänä; päivää painamalla näkyvät sen tapahtumat.

Asetukset (4)
AsetusMuokataanOletus
Otsikko headingTekstiTapahtumakalenteri
Näytä vain luokka categoryTeksti–
Näytä luokkasuodatin showFilterPäällä / poistrue
Näytä kalenterin tilauslinkki showSubscribePäällä / poistrue

Saavutettavuus

Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.

Käytössä 0 pohjassa

Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.

Lukujärjestys

Osio eventTimetable

Lukujärjestys: viikon toistuvat tunnit ja vuorot päivittäin, esimerkiksi jumpat tai harjoitukset.

Asetukset (3)
AsetusMuokataanOletus
Otsikko headingTekstiLukujärjestys
Näytä vain luokka categoryTeksti–
Näytä suodattimet (kausi, paikka, sali, ikäryhmä, laji) showFilterPäällä / poistrue

Saavutettavuus

Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.

Käytössä 0 pohjassa

Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.

Verkkokurssit: kurssilista

Osio Kokeiltava courseList

Kurssilista: kurssit, aloituspäivät, paikat ja ilmoittautuminen tai verkkokurssin osto.

Asetukset (7)
AsetusMuokataanOletus
Otsikko headingTekstiVerkkokurssit
Esittely introMuotoiltu teksti–
Vain yksi aihe categoryTeksti–
Näytä aiheet suodattimina filtersPäällä / poistrue
Näytä linkki maksuttomaan näytteeseen showSamplePäällä / poistrue
Uusi-merkki päivinä julkaisusta newDaysLuku30
Enimmäismäärä limitLuku–

Saavutettavuus

Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.

Käytössä 0 pohjassa

Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.

Tapahtuman sivu

Osio eventPage

Tapahtumasivun alusta: yksittäisen tapahtuman, ilmoittautumisen ja tilauksen sivu osoitteessa /tapahtuma.

Ei elävää esimerkkiä: osio piirtää alustan oman tapahtumasivun, eikä sitä lisätä editorissa. Kokeile tapahtumaa ja lippuja gallerian pohjan esikatselussa.

Saavutettavuus

Vapaa ja varattu erotetaan tekstillä, ei pelkällä värillä. Päivän ja ajan valinta toimii näppäimistöllä, valittu kohta kerrotaan (aria-current tai aria-pressed), ja hinnat ovat luettavaa tekstiä.

Käytössä 0 pohjassa

Alusta lisää tämän itse omille sivuilleen; sitä ei lisätä editorissa.