Theme "Adventure": 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 de 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 winkel (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. Houd er rekening mee dat eventuele wijzigingen die niet worden vermeld in deze documentatie worden verricht voor eigen rekening.
  • Zorg ervoor dat uw winkel voldoet aan alle vereisten die worden weergegeven voor elk theme in de Theme Store.
  • Het themes design toont acht producten op de homepage. Producten kunnen worden toegewezen of verwijderd van de homepage onder Inhoud / Categorieën >> Weergave Gegevensblad >> Producten.
  • U kunt onbeperkt lettertypes en kleuren wijzigen via het Snel Ontwerp in het administratie gebied.
  • 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 themebestand – bv example.theme.zip. Vink het selectievakje de startpagina tijdens import overschrijven.
    Select File
  1. Selecteer Importeren.

  2. 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 winkel activeert.


Stap 2: Zorgen voor enkele aanpassingen

Hoewel de theme kant-en-klare 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

Om het anker te wisselen in de header moet u een afbeelding voor de header opgeven. We raden een grootte aan van 2000px x 500px.

Hoe een afbeelding voor een header wisselen

  1. In het administratieve gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
    My themes
  2. Zoek uw geïmporteerde theme en selecteer Start Geavanceerd ontwerp.
    Start advanced design
  3. Klik op het gebied voor header.
    Header area
  4. Selecteer Invoegen bestand.
    Insert file
  5. Voor het uploaden van een bestand, kies Uw bestanden.
    Your files
  6. Als u een nieuw bestand wilt uploaden, kies bestanden uploaden en upload een afbeelding vanaf uw computer, anders gaat u verder met de volgende stap.
    Upload files
  7. Selecteer de afbeelding voor de header die u wilt gebruiken. Denk aan de vooraf gedefinieerde beeldformaten (bij voorkeur 2000px x 500px).
    Select header image
  8. Selecteer Ok.
  9. Sla de wijzigingen op.
    Select Save

Uw nieuwe afbeelding voor de header is nu geselecteerd.

Hoe de knop de tekst en de knop voor de afbeelding van de header aanpassen?

  1. In het administratieve gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
    My themes
  2. Zoek uw geïmporteerde theme en selecteer Geavanceerd ontwerp starten.
    Start advanced design
  3. In het voorbeeld bevat de header de "Shop nu" knop. Voor het bewerken van de bovenstaande tekst en de link van deze knop, beweeg de muis over de knop en selecteer het potloodpictogram. Als de Ankers niet zichtbaar zijn, volg deze instructies.
    Select pencil icon
  4. Bewerk eerst de tekst die wordt weergegeven boven de knop in de voorbeeldafbeelding.
    Edit text
  5. De tekst van de knop kan alleen worden gewijzigd in de Broncode. Om dit te doen, klikt u op het Bronpictogram aan de rechterkant.
    Select HTML icon
  6. Bewerk de knoptekst in de Broncode.
    Edit HTML
  7. Voor het wijzigen van de knoplink, ga terug naar de normale editor door nogmaals te klikken op de bronpictogram aan de rechterkant.
    Select HTML
  8. Nadat u rechts hebt geklikt op de knoptekst selecteer Link Bewerken.
    Edit link
  9. Selecteer de pagina van uw winkel waarnaar u wilt koppelen.
    Select page
  10. Selecteer Toepassen.
  11. Als uw winkel meerdere talen heeft, kies dan een andere taal en herhaal de stappen 4-10 voor elke taal. Als er geen tekst wordt weergegeven in de andere talen, volg dan deze instructies.
    Select another language
  12. Selecteer Toepassen.
    Select apply
  13. Sla de wijzigingen op.
    Save changes

Teaser-afbeeldingen aanpassen

U moet de ankers wisselen voor de teaser-afbeeldingen. Voor deze beelden raden we een grootte aan van 350px x 250px.

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, kunt u ankers voor de teaser afbeeldingen vinden. Als de ankers niet zichtbaar zijn, volgt deze instructies.
    Find placeholders for the teaser images
  4. Klik met de rechtermuisknop op het anker dat u wilt bewerken en selecteer Afbeelding.
    Select image
  5. Selecteer Afbeelding uploaden.
    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.
    Upload files
  7. Selecteer de afbeelding die u wilt gebruiken.
    Select an image
  8. Selecteer Toepassen.
  9. In het geval dat uw afbeelding te groot is, kunt u de juiste breedte en hoogte invoeren hoewel we raden aan de grootte van uw afbeeldingen aan te passen voordat u deze upload. Om de afbeelding niet te vervormen, moet het hangslotsymbool gesloten zijn. De aanbevolen grootte van teaser beelden is 350px x 250px.
    Adjust images
  10. Selecteer OK.
  11. U kunt nu een link naar de afbeelding toevoegen. Om dit te doen, klik erop met de rechtermuisknop en selecteer Link Bewerken.
    Edit link
  12. Selecteer Pagina's.
    Select pages
  13. Selecteer een pagina van uw winkel die u wilt koppelen.
    Select a page
  14. Selecteer Toepassen.
  15. Herhaal stappen 4-14 totdat u alle afbeeldingen teaser-afbeeldingen hebt gewijzigd.
  16. Als uw winkel meerdere talen heeft, kies dan een andere taal en herhaal de stappen 3-15 voor elke taal. Als er geen tekst weergegeven in de andere talen, volg dan deze instructies.
    Select another language
  17. Sla de wijzigingen op.
    Save the changes

Stap 3: Activeer de theme

  1. In de administratie gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
    My Themes
  2. Zoek uw geïmporteerde theme en selecteer Nu Activeren.
    Activate now

Uw nieuwe theme is nu geactiveerd.


Appendix

Een back-up van de actieve theme creëren

Als u al een ander theme in uw winkel gebruikt, creëer dan een back-up ervan voordat u uw 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 de actieve theme door het selecteren van Back-up aanmaken.
    Create backup copy

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

Creëer een back-up van de inhoud van de actieve Homepage inhoud

Als u al een ander theme in uw winkel 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 winkelinhoud, 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 – bv 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 – bv Lange omschrijving.
    Long description
  11. Sla de wijzigingen op.
    Select Save
  12. Als u een back-up wenst van de inhoud van uw homepage, kies Home page en herhaal vervolgens stappen 5-11.

  13. Als uw winkel meerdere talen heeft, kies dan een andere taal en herhaal de stappen 5-12 voor elke taal. Als er geen tekst wordt 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 een winkel 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 van de inhoud van uw herroepingrecht pagina en geeft deze dan afzonderlijk weer. Deze speciale pagina is mogelijk niet compatibel met de nieuwe theme, u moet dus een rechtstreekse link maken naar de pagina met het herroepingsrecht.

Hoe een link maken naar de pagina met het herroepingsrecht?

  1. Kies in het hoofdmenu, Producten 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 kiest u Koppeling bewerken.
    Edit link
  4. Kies de pagina met her herroepingsrecht.
    Select the right of withdrawal page
  5. Selecteer Toepassen.
  6. Herhaal de stappen 3-6 voor elk tekstveld dat de leveringslink bevat.
  7. Sla de wijzigingen op.
    Save the changes
  8. Als uw winkel meerdere talen heeft, selecteert u 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.