Hoe maak je een lijstje? Binnen YOOtheme, het thema dat ik in gebruik, is daar een element voor, net als een element voor tekst of een titel. Hierboven heb ik al een opsomming gemaakt met linkjes. Als je op tarieflijst klikt, wordt je gelinkt naar een ander deel op de pagina.

Je gaat via de Bouwer naar de pagina die je wilt bewerken. Je voegt het List-element toe, deze vind je bij de Multiple items. Vervolgens ga je Items toevoegen. Bij elke Item kun je een Link toevoegen. Dit kan een andere pagina zijn op je website, of een andere website, maar ook naar een sectie iets verder op de pagina. Hiervoor zet je een ankertje bij de sectie. De sectie geef je een unieke naam en bij de Link herhaal je de unieke naam en zet er # voor, dit wordt dan #uniekenaam. Je kunt het ankertje ook bij een titel zetten zoals ik in de opsomming hierboven gedaan. De naam van het ankertje vul je in bij Geavanceerd > ID.

Je hebt een aanbod of abonnement waarbij klanten kunnen kiezen uit een Basis-pakket, een Meest-gekozen pakket en een Premium-pakket (het meest luxe en uitgebreide pakket). Deze pakketten zet je naast elkaar, zodat je klant goed kan vergelijken.

Je gaat via de Bouwer naar de pagina die je wilt bewerken. Je voegt het List-element toe, deze vind je bij de Multiple items. Je maakt eerst het meest uitgebreide en luxe pakket. Je gaat alle Items toevoegen. Bij Instellingen kies je een Icoon en een Icoon Kleur. Dit Icoontje komt dan voor alle items te staan.

Vervolgens kopieer je het element en versleept het naar de naastliggende kolom. Dit wordt het Meest gekozen pakket. Je gaat dan naar de Items toe die aangepast moeten worden. Klik door op het Item en kies een Icoon en Icoon kleur. Alleen dit Item wordt dan aangepast. Handig hè? Vervolgens kopieer je dit List-element weer en past weer een paar Items aan.

Voor dit voorbeeld gebruik ik het Description List-element. Het Description List-element is vergelijkbaar met het List-element. Hier zit een heel mooie en handige optie in voor het presenteren van je tarieven op je website. Denk bijvoorbeeld aan een kapsalon met verschillende behandelingen. Door de puntjes tussen de items en het tarief leest het een stuk makkelijker.

Je gaat via de Bouwer naar de pagina die je wilt bewerken. Je voegt het Description List-element toe, deze vind je bij de Multiple items. Vervolgens ga je Items toevoegen. Voeg Items toe en zet in Titel de omschrijving van de behandeling en bij Meta het tarief

Klaar met Items toevoegen? Ga dan naar Instellingen en kies bij Lijst > Ontwerp 2 Column Grid (Meta only) en bij Titel > Raster Breedte > Expand en zet een vinkje bij Een leider toevoegen en tadaa… Bij Meta > Stijl kun je de opmaak van de tarieven aanpassen.

Je kunt ook iets aan de leesbaarheid doen door te kiezen voor Striped voor afwisselend wit of grijs gestreepte achtergrond of Divider met lijn ertussen. Deze optie vind je bij Instellingen > Lijst > Stijl Striped voor afwisselend wit of grijs gestreept of Divider met lijn ertussen. Dit kan bij zowel het List-element als het Description List-element.

Er zijn zoveel icoontjes waar je uit kiezen, dus leef je uit. Maarrr, maak het niet te bont, want dan is het niet meer overzichtelijk!

De openingstijden kun je maken met het Description List-element. Ook hier kun je net als bij de tarieflijst de openingstijden invullen bij Meta in elk Item.

Met deze tips ga je met plezier een lijstje maken op je website. Heb je vragen? Stuur gerust een berichtje om te kijken wat ik voor jou kan betekenen. Ik help je graag!