Theme "Simple": Hoe het opzetten van uw theme

Deze gids zal u helpen om aan de slag met uw nieuwe theme. Daarom, lees deze instructies en volg de stappen beschreven.

Begin nu
Header Image
Stap 1
De nieuwe theme importeren
Stap 2
Zorgen voor enkele aanpassingen
Stap 3
Activeer het theme

Belangrijke Opmerkingen voordat u start

Sommige veranderingen zullen een directe invloed hebben op uw online shop!
We raden u aan de theme in te stellen op een tijdstip wanneer u niet teveel bezoekers verwacht voor uw shop (b.v. ‘s nachts). De instelling duurt ongeveer 1 tot 2 uur.

Hebt u al een back-up gecreëerd?
Als u al een ander theme gebruikt, creëer dan een back-up van de actieve theme en van de huidige homepage inhoud voordat u de nieuwe theme installeert:

  • De opties voor aanpassing zijn beperkt. Gelieve er rekening mee te houden dat er onvoorspelbare weergave problemen kunnen worden gegenereerd door de wijzigingen die u wilt aanbrengen in de theme die niet in deze documentatie zijn vermeld en dit valt onder uw eigen verantwoordelijkheid.
  • Zorg ervoor dat uw shop voldoet aan alle vereisten die worden weergegeven voor elk theme in de Theme Store.
  • Het theme ontwerp toont vier producten op de homepage. Producten kunnen worden toegewezen of verwijderd van de homepage onder Inhoud / Categorieën >> Weergave Gegevensblad >> Producten.
  • In het administratieve gebied in het hoofdmenu, selecteer Snel ontwerp en vervolgens Mijn themes.
  • Veranderingen i.v.m. plaatsing van pagina-elementen (bv het zoekveld) evenals het toevoegen van nieuwe elementen is mogelijk, maar niet aanbevolen, aangezien de exacte plaatsing niet kan worden gegarandeerd.
  • Het pictogram van het mandje kan niet worden gewijzigd.

Stap 1: De nieuwe theme importeren

  1. In het administratieve gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
    My themes
  2. Scroll naar beneden en selecteer Theme Importeren.
    Import theme
  3. Let op: de volgende stappen zullen de inhoud van uw huidige homepage overschrijven!
    Dit kunnen tekst, afbeeldingen of andere inhoud zijn op de homepage die wordt weergegeven naast het productaanbod.

    Voor het opslaan van een een reservekopie van uw inhoud, volg deze stappen voordat u verder gaat naar stappen 3 en 4.

  4. Selecteer de knop Bestand Selecteren... en open de map waar u het bestand hebt uitgepakt dat we naar u verzonden. Selecteer vervolgens het theme-bestand – b.v. example.theme.zip. Vink het selectievakje overschrijven van de homepage aan tijdens het importeren.
    Select File
  5. Selecteer Importeren.

  6. Als het importeren geslaagd is, vindt u de theme vermeld onderaan de pagina met Mijn themes.
    My themes page

Gefeliciteerd!

Wist u dat u uw theme kunt aanpassen vóór het activeren?

Om u meer voorbereidingstijd te geven is het raadzaam de aanpassingen te maken vóór de activering van de nieuwe theme. Volg de volgende stappen zorgvuldig om ervoor te zorgen dat de theme correct is geïnstalleerd voordat u dit in uw shop activeert.


Stap 2: Zorgen voor enkele aanpassingen

Hoewel de theme kant-en-klaar beschikbaar is, zijn er enkele aanpassingen nodig bij het overschakelen naar een nieuw ontwerp – bijvoorbeeld het wisselen van de afbeeldingen voor het theme-anker met uw eigen afbeeldingen.
Exchanging the themes placeholder images

Aanpassen van de header

De header bestaat uit een witte achtergrond, gecombineerd met een geselecteerd product in uw shop. Het is raadzaam een productafbeelding te tonen met een witte of transparante achtergrond om te passen bij de witte header op de achtergrond.

Hoe een afbeelding voor een header wisselen

  1. Selecteer Inhoud / Categorieën in het hoofdmenu, en daarna Weergave gegevensblad.
    Datasheet view
  2. Selecteer Producten.
    Select products
  3. Als het product dat u wilt weergeven in de tabel zit, gaat u door met stap 6. Anders Selecteer Toewijzen producten.
    Assign products
  4. Selecteer het product dat u wilt toevoegen aan de lijst van de producten weergegeven op de homepage.
    Select product
  5. Selecteer Toepassen.
  6. Het product dat nu in de eerste rij van de tabel weergegeven wordt getoond in de header-afbeelding. Als het product dat u wilt weergeven in de header niet in de eerste rij van de tabel zit, moet u de volgorde van de producten in de tabel wijzigen. Ze worden weergegeven in oplopende volgorde naar waarde in de kolom met Sorteervolgorder. In de rij van het product dat u wilt weergeven, voert u het laagste getal van in de kolom voor de Sorteervolgorde.
    Change the sort order
  7. Sla de wijzigingen op.
    Select save

De header-afbeelding is nu vervangen.

Hoe de tekst en link van de knop op de header-afbeelding aanpassen

  1. Selecteer Inhoud / Categorieën en klik vervolgens op Weergave gegevensblad.
    Datasheet view
  2. Selecteer Algemeen.
    Select general
  3. Onder Lange Omschrijving, kunt u knoptekst voor de header bewerken. Als de ankers niet zichtbaar zijn, volg dan deze instructies.
    Button text
  4. Klik met de rechtermuisknop op de tekst van de knop en selecteer link bewerken.
    Edit link
  5. Selecteer de pagina van uw shop waarnaar u wilt koppelen.
    Select a page
  6. Onder de Link tekst bewerk de tekst die wordt weergegeven wanneer een bezoeker aan uw shop de muis over de afbeelding beweegt – het is de zogenaamde "ALT"-tag.

  7. Selecteer Toepassen.
  8. Sla de wijzigingen op.
    Save changes
  9. Als uw shop meerdere talen heeft, selecteer een andere taal en herhaal stappen 4 – 8 voor elke taal. Als er geen tekst weergegeven in de andere talen, volg dan deze stappen.
    Select another language

De tekst en de link van de knop zijn nu veranderd.

Teaser-afbeeldingen aanpassen

De introductiepagina van uw shop bevat twee teaser-beelden die worden weergegeven onder de header-afbeelding. Om te wisselen van ankers voor de teasers, moet u de teaser-afbeeldingen weergeven.

We raden een grootte aan van 520px x 230px voor elk van deze afbeeldingen.

Hoe de teaser-afbeeldingen wijzigen

  1. Selecteer Inhoud / Categorieën en klik vervolgens op Weergave gegevensblad.
    Select datasheet view
  2. Selecteer Algemeen.
    Select general
  3. Onder Lange Omschrijving (2), kunt u ankers voor de teaser-afbeeldingen vinden. Als de ankers niet zichtbaar zijn, volg dan deze instructies.
    Placeholders
  4. Klik met de rechtermuisknop op de afbeelding die u wilt bewerken en selecteer Afbeelding.
    Select image
  5. Selecteer Afbeelding uploaden.
    Select upload image
  6. Als u een nieuw bestand wilt uploaden, selecteer Bestanden Uploaden en upload een afbeelding van uw computer. Anders gaat u verder met de volgende stap.
    Select upload files
  7. Selecteer de afbeelding die u wilt gebruiken.
    Select an image
  8. Selecteer Toepassen.
  9. Als uw afbeelding te groot is, kunt u de juiste breedte en hoogte ervoor ingeven. We raden echter aan om de afmetingen van uw afbeeldingen aan te passen vóór het uploaden. Om de afbeelding niet te vervormen, moet het hangslotsymbool gesloten zijn. De aanbevolen grootte van teaser-afbeeldingen is 520px x 230px.
    Adjust your image
  10. Selecteer OK.
  11. Om een link naar een teaser-afbeelding toe te voegen, klik met de rechtermuisknop op de afbeelding en selecteer Bewerken Link.
    Edit link
  12. Selecteer Pagina's.
    Select pages
  13. Selecteer de pagina van uw shop waarnaar u wilt koppelen.
    Select a page
  14. Selecteer Toepassen.
  15. Herhaal stap 3-14 totdat u alle afbeeldingen van de teaser hebt gewijzigd.
  16. Sla de wijzigingen op.
    Save the changes
  17. Als uw shop meerdere talen heeft, selecteer dan een andere taal en herhaal de stappen 3-16 voor elke taal. Als er geen tekst weergegeven wordt in de andere talen, volg dan deze instructies.
    Select another language

De teaser-afbeeldingen zijn nu veranderd.


Stap 3: Activeer het theme

  1. In het administratieve gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
    My Themes
  2. Zoek uw geïmporteerde theme en selecteer Activeer nu.
    Activate now

Uw nieuw theme is nu geactiveerd.


Appendix

Een back-up van de actieve theme creëren

Als u al een ander theme in uw shop gebruikt, creëer dan een back-up voordat u het nieuwe theme installeert.

  1. In het administratieve gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
    My themes
  2. Creëer een back-up van het actieve theme door het selecteren van Back-up creëren.
    Create backup copy

Een back-up van uw actieve theme is aangemaakt en kan worden gevonden aan het einde van de pagina.

Maak een back-up van de inhoud van de actieve Homepage

Als u al een ander theme in uw shop gebruikt, creëer dan een back-up van uw actieve homepage inhoud, zoals afbeeldingen of tekst.

  1. Voor het creëren van een back-up van de inhoud van uw shop, ga naar het administratieve gebied en selecteer Inhoud / Categorieën in het hoofdmenu en vervolgens Weergave Gegevensblad.
    Datasheet view
  2. Selecteer Pagina's.
    Select Pages
  3. Geef een Naam in onderaan de tabel, in de kolom naam, voor benaming van de back-up – bijvoorbeeld “homepage inhoud back-up”.
    Enter a name for the backup
  4. Selecteer Opslaan.
  5. Selecteer Algemeen
    Select General
  6. Kopieer de inhoud van de homepage die u wilt bewaren – b.v. tekst en afbeeldingen in het veld Lange Omschrijving.
    Long description
  7. Selecteer Pagina's.
    Select Pages
  8. Selecteer de pagina in de tabel die u in stap 3 hebt aangemaakt.
    Select the page you created
  9. Selecteer Teksten.
    Select Texts
  10. Plak de inhoud die u hebt gekopieerd naar het bijbehorende veld – b.v. Lange Beschrijving.
    Long description
  11. Sla de wijzigingen op.
    Select Save
  12. Als u een back-up wenst van de inhoud van uw homepage, selecteer homepage en herhaal vervolgens stappen 5-11.

  13. Als uw shop meerdere talen heeft, selecteer dan een andere taal en herhaal de stappen 5-12 voor elke taal. Als er geen tekst weergegeven in de andere talen, volg dan deze instructies.
    Select another language

U hebt nu met succes een back-up van de inhoud van uw homepage gemaakt. U kunt nu verder gaan met het importeren van uw theme door het overschrijven van de homepage met het importeren.

Aanpassen van de pagina voor het herroepingsrecht

Op de productpagina's van de shop bevindt er zich een link genaamd "levering":
Delivery link
Als u de standaardinstellingen niet hebt gewijzigd en gekoppeld naar een andere pagina, leidt deze Link naar een speciale pagina die meeneemt naar uw herroepingrecht en deze wordt afzonderlijk weergegeven. Deze speciale pagina is mogelijk niet compatibel met de nieuwe theme, u moet dus een rechtstreekse link maken, rechtstreeks naar de pagina met het herroepingsrecht.

Hoe een link maken naar de pagina met het herroepingsrecht?

  1. Selecteer in het hoofdmenu, Product en vervolgens Productinstellingen.
    Product settings
  2. Selecteer Teksten.
    Select texts
  3. In het tekstveld bovenaan klikt u met de rechtermuisknop op het woord levering en selecteert u Link bewerken.
    Edit link
  4. Selecteer de pagina met het herroepingsrecht.
    Select the right of withdrawal page
  5. Selecteer Toepassen.
    Select apply
  6. Herhaal de stappen 3-6 voor elk tekstveld dat de leveringslink bevat.
  7. Sla de wijzigingen op.
    Save the changes
  8. Als uw shop meerdere talen heeft, selecteer dan een andere taal en herhaal de stappen 3-7 voor elke taal.
    Select another language
  9. Selecteer notitieteksten voor nettoprijzen.
    Select Notes texts for net prices
  10. Herhaal stap 3-8 voor alle tekstvelden met de leveringslink.