Documentatie

Inhoud

Instellingen

Onder ALGEMEEN > Design > Instellingen in het linker menu van de backoffice zijn verschillende instellingen beschikbaar waarmee het gehele thema naar eigen wens kan worden ingevuld. Om te zien welke instelling bij welk deel van het thema hoort, kunt u in de infographic kijken.

Tekst veranderen / vertalen

Er zijn een aantal teksten die u kunt veranderen in 'Design' - 'Aangepaste vertalingen'. Mocht u een meertalige shop hebben, kunt u hier ook direct de teksten vertalen.

Wanneer u een tekst wilt veranderen drukt u bij 'Design' - 'Aangepaste vertalingen' bovenaan de pagina op de groene plus. Vul bij 'Sleutel' de tekst in die u wilt veranderen / vertalen en druk op 'Opslaan'. In het scherm na 'Opslaan' kunt u de tekst invullen die weergegeven moet worden.

Voor meer informatie over Aangepaste Vertalingen: https://seoshop.zendesk.com/hc/nl/articles/202425002-Systeemzinnen-en-woorden-vertalen

Sleutels
1. 'Tagline' - Dit is de sleutel voor het stukje tekst linksboven in de webshop, wanneer u gebruik maakt van 'Header 1'.
2. 'Customtitlefooter' - Dit is de sleutel voor de titel van de widget rechtsonder in de footer.
3. 'Headlinebutton' - Dit is de sleutel voor de tekst die de button in de headlines meekrijgt.
4. 'USP1' - Dit is de sleutel voor het eerste Unique Selling Point, vul hier dus uw eerste USP in.
5. 'USP2' - Dit is de sleutel voor het tweede Unique Selling Point, vul hier dus uw tweede USP in.
6. 'USP3' - Dit is de sleutel voor het derde Unique Selling Point, vul hier dus uw derde USP in.
7. 'USP4' - Dit is de sleutel voor het vierde Unique Selling Point, vul hier dus uw vierde USP in.

Afbeelding groottes

Aanbevolen groottes:
Headline afbeelding
Slider 1: 1500x630px
Slider 2: 1140x400px
Homepage banner afbeelding
650x340px
Product afbeelding
450x450px
Note: Het formaat van het logo kan zelf bepaald worden. De hoogte van de header bepaalt ook de maximale hoogte van het logo.

Unique Selling Points

Het is zeer simpel uw Unique Selling Points te tonen in uw webshop. Hieronder vindt u een stappenplan om de USP's juist in te stellen.

Stappenplan USP's
1. Bepaal uw Unique Selling Points
2. Ga naar 'Design' - 'Aangepaste vertalingen'.
3. Druk bovenaan de pagina op de groene plus.
4. Vul 'USP1' bij 'Sleutel' in en druk op 'Opslaan'.
5. Vul uw USP in bij de Nederlandse vertaling, mocht u gebruik maken van meerdere talen kunt u hier ook gelijk uw USP vertalen.
6. Herhaal stap 4 en 5 voor 'USP2', 'USP3' en 'USP4'.
7. Ga naar 'Design' - 'Instellingen' - 'Pluspunten'.
8. Vul bij 'USP 1 link' een URL in waarnaar uw eerste Unique Selling Point moet leiden, wanneer erop geklikt wordt.
9. Vul bij 'USP 1 icon' de naam van het icoontje in die u voor uw eerste Unique Selling Point wilt tonen.
Alle icoontjes die gebruikt kunnen worden, zijn te vinden op: http://fortawesome.github.io/Font-Awesome/icons/, vul bij USP 1 icon de titel van het icoontje in. Voorbeeld: 'heartbeat'.
10. Herhaal stap 8 en 9 voor de andere drie USP's.
11. Bepaal de opmaak door de tekstkleur en achtergrondkleur in te stellen. U kunt ook gebruik maken van een achtergrondafbeelding.

Voorbeeld invulling Unique Selling Points instellingen

Headlines

Headlines
In het Elevated thema kunt u gebruik maken van de winkelwagen popup van DGSolutions. Hiervoor zijn twee instellingen nodig.
1. Ga naar 'Instellingen' - 'Geavanceerd' - 'Blijf op de pagina'. Selecteer hier 'Ingeschakeld'.
2. Ga naar 'Design' - 'Instellingen' - 'Instellingen' - 'Verberg popup winkelwagen'. Zorg ervoor dat deze niet staat aangevinkt.

Homepagina Banners

Met het oog op de snelheid van dit thema, bleek het sneller om de homepagina banners niet direct te uploaden in de backoffice maar via Tools - Bestanden. Hieronder vindt u een stappenplan om de homepagina banners in te stellen voor de Nederlandse taal, uiteraard kunt u dit herhalen voor de Duitse en Engelse taal (mocht u gebruik maken van een meertalige webshop).

Stappenplan Homepagina Banners
1. Maak twee afbeeldingen voor op de homepagina in het volgende formaat: 650x340px (Aanbevolen formaat, u kunt hiervan afwijken).
2. Ga naar Tools - 'Bestanden'.
3. Druk bovenaan de pagina op de groene plus.
4. Upload de twee afbeeldingen voor op de homepagina.
5. Kopieer de url van de desbetreffende afbeelding, zie:
6. Plak deze url bij 'Design' - 'Instellingen' - 'Homepagina Banners' - Image 1 (NL).
7. Vul bij Link 1 (NL) vervolgens de url in van de pagina waar de afbeelding heen moet leiden, wanneer erop geklikt wordt.
8. Herhaal dit voor Image 2 en eventueel voor de andere talen.

Infographic

infographic

Veelgestelde vragen

Mijn webshop is minder snel dan het voorbeeldthema, hoe kan dat? Er zijn bij het inrichten van het thema twee belangrijke zaken om op te letten met betrekking tot snelheid:
1. Product- en categorie afbeeldingen worden automatisch geoptimaliseerd, echter gebeurt dit niet bij alle andere afbeeldingen. Zorg er dus voor dat uw logo, de homepagina banners en de headlines in de juiste formaten gemaakt zijn (zie: formaten afbeeldingen). Gebruik daarnaast een compressor om de afbeelding nog kleiner te maken!
Gratis online compressor: https://tinypng.com/
2. Externe apps vergen veel van de laadtijd. Probeer externe apps die gebruik maken van scripts zo veel mogelijk te vermijden, als u een optimale laadsnelheid wilt bereiken. Kan ik de snelheid van het wisselen van de headlines veranderen? Ja, dit kan bij 'Design' - 'Instellingen' - 'Algemeen' - Headlines autoscroll snelheid. Hier kunt u (in milliseconden) aangeven hoe snel de headlines moeten wisselen. Dit moet minstens 1500 zijn. Voorbeeld: '5000' (Elke 5 seconden zal de headline wisselen). Waar kan ik een widget (Kiyoh, Feedbackcompany, etc.) plaatsen? Wanneer u de code heeft van de widget is deze eenvoudig in het Elevated thema te plaatsen. Ga naar 'Design' - 'Instellingen' - 'Footer' - Widget code en plak daar de gehele code. (Bijvoorbeeld een iframe code van kiyoh). Waar kan ik mijn lettertype veranderen? Bij 'Design' - 'Instellingen' - 'Algemeen'. Hier kunt u het lettertype voor de titels/headers (h1, h2, h3 etc.) en het algemene lettertype van de overige tekst veranderen. Waar kan ik mijn header groter/kleiner maken? Bij 'Design' - 'Instellingen' - 'Header' - Header height. Hier kunt u (in pixels) de hoogte van de header aangeven. Bijvoorbeeld: '150' (Dit zal de header 150px hoog/groot maken). Waar vind ik de talen en valuta switcher? In de footer kan de bezoeker de juiste taal en valuta kiezen. Hoe kan ik mijn USP’s tonen? Volg hiervoor het USP stappenplan

Support & Troubleshooting

Support Mocht u nog vragen hebben over het thema of extra support nodig hebben, kunt u DGSolutions bereiken. Stuur een mail naar [email protected] of vul het contactformulier in op dgsolutions.nl.
Troubleshooting Het Elevated thema maakt gebruik van Bootstrap 3.0 en Google Fonts, bekijk de volgende pagina's voor meer informatie:
Bootstrap: Bootstrap
Google Fonts: Google fonts
← Keer terug naar de backoffice    Deze winkel is in aanbouw. Eventueel geplaatste orders zullen niet worden gehonoreerd of verwerkt. Verbergen