Master Template!
Dit is het master template met alle elementen die je kan gebruiken om een pagina naar wens in te vullen. Vragen over het gebruik hiervan neem dan contact op met Jorrit Geerstma of Timo Landman (het liefst via teams).
Header image (groot)
Het header image element vind je onder Media -> Banner. Je maakt deze 2 keer, 1 keer voor desktop en 1 keer voor mobiel. In de settings van van de "row" geef je aan bij "hidden to device and below" dit element te verbergen voor desktop met "hidden to mobile".
Header image (klein)
Voor kleinere header images is een CSS-class gemaakt waardoor je maar 1 rij hoeft te maken die voor zowel mobiel als desktop goed is. Wel moet je in de achtergrond van die rij een mobiele en desktop afbeelding toevoegen. Onder CSS classes in de settings kies je vervolgens voor page-header-image. Een voorbeeld vind je bovenaan deze pagina. Deze gebruiken we voor contentpagina's en listpages.
iPad Pro
Je volgende computer is geen computer
Ontdek meer
Block
Veel elementen gebruiken we op meerdere plekken daarvoor maken we altijd een 'block' aan, onder 'Add Content->Block'. Hieronder zie je een voorbeeld van een 'expert block'. Let bij het toevoegen van blokken op de padding, marge in het onderliggende 'ROW'.
Content slider element
Onder Layout is de contentslider beschikbaar. Deze maak je, vanwege de verschillende afbeelding afmetingen, voor zowel desktop als mobiel. De onderliggende 'ROW' kun je gebruiken om de achtergrondkleur aan te passen en ook een borderradius van 50px in te voeren.
Mac
iPad
Music
Accessoires
Monitoren
Mac
iPad
iPhone
Apple Watch
Apple TV
Music
Accessoires
Monitoren
Zoekbalk in pagina
Alleen op mobiel gebruiken we een zoekbalk op de pagina
USP element
Dit is een block element (USP | Block)
Button element
Onder 'Elements' is het 'Buttons' element in te voegen. Gebruike altijd de URI bij de settings van dit element, oftwel /template ipv amac.nl/template.
Product recommendation element
Dit is een complexer element die een gepersonaleerd bericht combineerd met aanbevolen producten. Het 'Product recommendation element' voeg je toe via 'Add Content' vervolgens kies een een selectie en voeg je de CSS 'just-for-you' toe.
Scrollable Background Text
In elke 'ROW' kun je via de settings de 'Scrollable Background Text' aanpassen. Deze beweegt horizontaal als je vertikaal scrollt.
Nieuwe producten carroussel element
Dit element is ook een 'product recommendation' maar dan met andere CSS slyling namelijk 'trending-products slider-fade'
Nieuwe producten
Bannerblokken
Een speels element dat we op veel plekken laten terugkomen zijn de bannerblokken. Deze worden opgebouwd zoals hieronder, belangrijk is dat dezelfde content op mobiel via een contentslider element wordt toegevoegd met CSS 'content-slider vertical-slider'.
Waarom Amac USP block
Nog een handig block dat je altijd kan aanroepen via 'Add content->Block' is het Waarom Amac block. Deze moet je appart voor mobiel en desktop aanmaken.
Waarom Amac USP block
Nog een handig block dat je altijd kan aanroepen via 'Add content->Block' is het Waarom Amac block. Deze moet je appart voor mobiel en desktop aanmaken.
Waarom Amac?
Gratis training
Ga goed van start met een gratis training bij aanschaf van een nieuwe Mac of iPad.
2 jaar Apple garantie
Je krijgt standaard 2 jaar consumentengarantie bij aankoop van een Apple product.
Inruilservice
Lever je oude device in en krijg korting op een nieuw device. Dat is goed voor jou én de planeet.
Waarom Amac?
2 jaar garantie
Je krijgt standaard 2 jaar consumentengarantie bij aankoop van een Apple product.
Gratis training
Ga goed van start met een gratis iLearn training bij aanschaf van een nieuwe Mac of iPad.
Inruilservice
Lever jouw oude device in en krijg korting op een nieuw device. Dat is goed voor jou én de planeet.
Blog Posts Element
Voor zowel mobiel als desktop kan je via 'Add Content' het 'Blog Posts' element toevoegen. Selecteer hierin welke artiklen je graag wilt tonen in dit element.
Recently Viewed Products Element
Dit is eigenlijk een widget, via het 'Tekst' element kun je ook widgets toevoegen. In dit geval de Recently Viewed Products widget.
Collapsible content
Hel 'Mediact collapsibel content element' onder 'Elements' gebruiken we voor langere teksten op mobiel. Hiermee wordt de tekst afgekapt met een lees meer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque at ultrices odio, quis consequat elit. Morbi mollis purus vel tincidunt cursus. Aliquam ac odio egestas, condimentum mi sit amet, aliquam ante. Donec sem dolor, consequat quis magna in, aliquam blandit risus. In commodo, purus eu pharetra fermentum, ante magna malesuada dolor, sed dictum nisi mi ac quam. Quisque semper bibendum dolor vel fermentum. Sed quis tincidunt nunc. Nam ornare sit amet urna a pretium. Phasellus laoreet pellentesque neque, a blandit orci. Duis tristique felis sed velit tincidunt, eget tincidunt metus malesuada.
Trustpilot Rating Element
Het truspilot element is een complex element om de trustpilot score te tonen. Deze dient ook voor mobiel en desktop appart gemaakt te worden.
8,4
Goed!
Apple begint bij Amac
Amac is de grootste Apple Premium Reseller met 50 winkels verspreid over Nederland. Met een compleet aanbod aan Apple-producten en een uitgebreid assortiment aan accessoires voor de Mac, iPad, iPhone, Apple Watch en AirPods is dit dé plek voor al je Apple-aankopen en cadeaus. Het Amac team beschikt over alle kennis om je vragen te beantwoorden en adviseert je graag persoonlijk over de keuze en aanschaf van een Mac, iPad, iPhone of ander Apple-product.
8,4
Goed!
Video
Via 'Media->Video' voeg je gemakkelijk een youtube video toe aan de pagina.
Tabs element
Het Tabs element onder 'Layout' gebruik je als je verschillende, maar wel vergelijkbare, content wil tonen. Een mooi voorbeeld is verschillende content voor zakelijk/consument/student.
Tab 1
Tab 2
tab 3
tab 3
8,4
Goed!
Amac is de grootste Apple Premium Reseller met 50 winkels verspreid over Nederland. Met een compleet aanbod aan Apple-producten en een uitgebreid assortiment aan accessoires voor de Mac, iPad, iPhone, Apple Watch en AirPods is dit dé plek voor al je Apple-aankopen en cadeaus. Het Amac team beschikt over alle kennis om je vragen te beantwoorden en adviseert je graag persoonlijk over de keuze en aanschaf van een Mac, iPad, iPhone of ander Apple-product.
