Introductie van de Design Builder

Dit artikel legt uit wat de Design Builder is en hoe krachtig het werken met thema's kan zijn.

Introductie

De Design Builder is een krachtig hulpmiddel waarmee je de vormgeving van je online winkel volledig kan worden aangepast aan je eigen wensen en behoeften. Door gebruik te maken van kant-en-klare secties en blokken is het eenvoudig om zelf pagina's op te bouwen en aan te passen. Tijdens het ontwerpen is een live voorbeeld zichtbaar. Daarnaast kun je ervoor kiezen om het ontwerp te bekijken in een apart venster, zowel op pc als mobiel. 

Voor gevorderde gebruikers is de Design Builder geschikt om eigen CSS-code toe te voegen. Aangepaste CSS-code biedt unieke mogelijkheden om het ontwerp tot in detail naar wens te wijzigen.

Thema's

Wat dacht je van een uniek ontwerp voor Kerstmis, ruim voordat de feestdagen beginnen? Met het gebruik van thema's is dat heel eenvoudig! Kies een kant-en-klaar thema, of dupliceer je bestaande ontwerp en voer een volledig herontwerp uit. Elk thema kan volledig uniek zijn, met een eigen ontwerp, instellingen, afbeeldingen en teksten. Je kunt zo lang als je wilt aan een thema werken in conceptvorm en het daarna met één klik publiceren. Met andere woorden: een ontwerp voor later in het jaar kan al ruim van tevoren - bijvoorbeeld in de zomer - worden klaargezet.

Naast het maken van unieke thema's, kun je binnen elk thema meerdere unieke pagina's aanmaken en naadloos tussen deze schakelen. 

Voordelen van thema's:

  • Ontwerpen vooraf klaarzetten voor de toekomst
  • Eenvoudig schakelen tussen ontwerpen
  • Hulp nodig? Ons supportteam kan een pagina dupliceren en verbeteren, waarna jij de pagina zelf kunt publiceren zodra deze klaar is.

Menu

Het hoofdmenu van de Design Builder is eenvoudig ingedeeld, met opties voor thema's en pagina's. Daarnaast zijn er opties voor de geavanceerde modus, die meer instellingen biedt, en een opslaan-knop.

De zwarte balk hieronder toont (van links naar rechts):

  • Breadcrumbs/bestandspad
  • Weergave-opties
    • In- en uitzoomen
    • Ontwerp bekijken op mobiel, tablet of PX
  • Snelkoppelingen:
    • De winkel openen in een nieuw tabblad
    • Reddingsboei: het helpmenu openen
    • Instellingen

Paginamenu

Het paginamenu bevat secties en blokken. Secties vormen de basis van het ontwerp en kunnen alleen worden toegevoegd op het hoogste niveau, oftewel de eerste laag van elke pagina. Binnen elke sectie kun je verschillende blokken plaatsen, zoals tekst, afbeeldingen, productblokken, enzovoort. 

Je kunt secties vergelijken met de verdiepingen van een huis, terwijl blokken de kamers op elke verdieping zijn die verschillende inhoud kunnen bevatten.

Secties en blokken kunnen eenvoudig worden verplaatst met slepen en neerzetten.

Gerelateerde artikelen:

  • Secties en blokken

Bewerkbare pagina's

De design builder ondersteunt het bewerken van de volgende paginatypen:

  • Kop: Het bovenste gedeelte van de webwinkel inclusief het megamenu.
  • Zwevende kop: Een apart hoofdmenu dat alleen verschijnt bij het scrollen op de pagina.
  • Indexpagina: Bewerk de landingspagina/homepage van de webwinkel.
  • Product pagina: Wijzig hoe de product pagina eruit moet zien.
  • Categorie pagina: Maak de gewenste categorieoverzicht.
  • Winkelwagen: Pas de winkelwagenervaring aan.
  • Contact pagina
  • Nieuwsbrief
  • Account aanmaken
  • Blog: Pas de blogpagina aan.
  • Footer: Pas de onderste regel van de webwinkel aan.
  • Nieuwe producten: Benadruk je nieuwe producten in de categorieoverzicht.
  • Aanbiedingenpagina: Categorieoverzicht voor afgeprijsde producten.
  • Inloggen
  • 404
     

CMS / Contentpagina's

De design builder ondersteunt momenteel niet het maken en/of wijzigen van CMS/Contentpagina's die via het configuratiescherm zijn gemaakt (Design > Hoofdmenu/content)

 

Was this article helpful?