Bouw uw eigen responsive pagina's

14 juni 2018

Zorgen dat uw pagina's er goed uitzien op alle platformen is niet eenvoudig. Met de nieuwe Customizable Template creëert u echter moeiteloos eigen pagina layouts, die zich automatisch aanpassen aan het apparaat waarop de pagina's die u er mee maakt worden bekeken.

Zoals u wellicht weet maakt Shoxl gebruik van templates voor de opmaak van pagina’s. Deze templates vallen automatisch mooi binnen het design van de webshop, en zijn allemaal responsive. Veelgebruikte Shoxl templates zijn bijvoorbeeld het contactformulier-template, en het 3x3 template (met 3 rijen en 3 kolommen die zich aanpassen aan de content die erin wordt geplaatst). Voor designers of ontwikkelaars die liever zelf hun pagina opbouwen met HTML zijn er de vrije pagina en de vrije pagina zonder container.

Om Shoxl gebruikers de hoge mate van flexibiliteit te bieden die de vrije pagina biedt, maar het wel simpel te houden, is er nu de Customizable Template ontwikkeld. Met deze template kunt u zelf uw pagina opbouwen op de manier die u het beste uitkomt, en eenvoudig wijzigen met behulp van de drag en drop functie binnen de template.

Wat kunt u precies met de Customizable Template?

U kunt zelf rijen en kolommen toevoegen aan een pagina. U kunt dus zelf kiezen hoeveel rijen uw pagina nodig heeft, en hoeveel kolommen er in elke rij moeten komen. Ook de breedtes van die kolommen bepaald u zelf. Verder kunt u de pagina aanpassen voor desktop, tablet, en smartphone. U kunt uw rijen en kolommen verschillende breedtes geven voor deze drie formaten, en zelfs rijen of kolommen verbergen op één of meerdere formaten.

 

Voorbeeld van een pagina gemaakt met de Customizable Template builder  

Hoe werkt het Customizable Template?

Met de Customizable Template builder bouw je zelf een pagina op. Je selecteert eerst een rij, en kunt vervolgens bepalen hoeveel kolommen deze rij moet hebben en welke verhoudingen de kolommen moeten krijgen. Deze verdeling kan aangepast worden over 3 verschillende beeldscherm formaten. Dus op desktop kunnen de kolommen andere verhoudingen krijgen als op tabet en op smartphone.

Op ieder beeldscherm formaat kan er ook nog eens voor worden gekozen om rijen en kolommen te verbergen. Zo kunt u bijvoorbeeld een kolom op desktop en tablet formaat wel tonen, en op smartphone formaat verbergen.

De Customizable Templates zijn automatisch responsive. Ook de afbeeldingen die u erin zet zullen meeschalen met de grootte van de browser. U hoeft zich hier dus verder niet druk over te maken. De content editor van de template builder werkt hetzelfde als de content editors van de andere templates, dus gewoon hoe u het al gewend bent!

In de onderstaande video wordt uitgebreid getoond hoe u de Customizable Template kunt gebruiken. Een uitgebreide beschrijving van de Customizable Template vindt u in onze handleiding

De Customizable Template wordt momenteel uitgerold voor alle Shoxl webshops.