Aanpassen van de header

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

Hoe een afbeelding voor een header wisselen

1. In het administratieve gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
   
2. Zoek uw geïmporteerde theme en selecteer Geavanceerd ontwerp starten.
   
3. Klik op het gebied voor de header.
   
4. Selecteer Invoegen bestand.
   
5. Selecteer uw bestanden.
   
6. Als u een nieuw bestand wilt uploaden, selecteer bestanden uploaden en upload een afbeelding vanaf uw computer, anders gaat u verder met de volgende stap.
   
7. Selecteer de afbeelding voor de header die u wilt gebruiken. Denk aan de vooraf gedefinieerde beeldformaten (bij voorkeur 2000px x 500px).
   
8. Selecteer Ok.
   
9. Sla de wijzigingen op.
   

Hoe 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.
   
2. Zoek uw geïmporteerde theme en selecteer Geavanceerd ontwerp starten.
   
3. In het voorbeeld bevat de kop de knop "Bekijk collectie". Om deze te bewerken, beweeg de muis over de knop en selecteer het potloodpictogram. Als de ankers niet zichtbaar zijn, volg dan deze instructies.
   
4. De tekst van de knop kan alleen worden gewijzigd in de Broncode. Om dit te doen, klikt u op het Bronpictogram aan de rechterkant.
   
5. Bewerk de knoptekst in de Broncode.
   

De knop werd gebouwd om naar beneden te scrollen naar de getoonde producten op de home page. De koppeling van de knop mag niet worden bewerkt omdat dit invloed zou hebben op het ontwerp ervan.

6. Als uw shop meerdere talen heeft, selecteer dan een andere taal en herhaal de stappen 4-6 voor elke taal. Als er geen tekst weergegeven is in de andere talen, volg dan deze instructies.
   
7. Select Toepassen.
   
8. Sla de wijzigingen op.
   

Hoe de kleuren aanpassen in de header

De kleuren van de knop, de tekst en het shopmandje in de navigatie kunnen worden gewijzigd in het Geavanceerde Ontwerp zoals gebruikelijk met enkele uitzonderingen.

Als gevolg van specifieke theme-instellingen zijn de navigatie-elementen wit bovenaan de pagina. Wanneer men naar beneden scrollt of naar een specifieke pagina gaat verandert de navigatie kleur automatisch naar wit wat een contrast vormt met de zwarte achtergrond van het theme.

Daarom hebt u de mogelijkheid de teksten van de navigatie en de knoppen te wijzigen in twee stadia.

1. In het administratieve gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
   
2. Zoek uw geïmporteerde theme en selecteer Geavanceerd ontwerp starten.
   
3. Klik op het gebied voor de header.
   
4. Selecteer uw gewenste kleur voor de Header, Tekst, Link and Highlight. Hiermee wijzigt u de witte heading-elementen op de homepageina.
   
5. Sla de wijzigingen op.
   
6. Als u de kleur wilt wijzigen van de heading-elementen die worden weergegeven tijdens het scrollen of op de categorie pagina's van zwart naar een andere kleur, moet u de voettekst activeren. Als de selectie van het paginagebied niet zichtbaar is, klikt u op het grijze achtergrondgebied naast het theme om over te schakelen.
   
7. Blader omlaag en selecteer het footergebied.
   
8. Wijzig de kleuren van de Header, Tekst, Link and Highlight naar uw gewenste kleur.
   
9. Select Opslaan.
   
10. Deactiveren de footer. Als de selectie van het paginagebied niet zichtbaar is, klikt u op het grijze achtergrondgebied naast het theme om over te schakelen.
    

De kleuren van uw header-elementen zijn nu veranderd.

Teaser-afbeeldingen aanpassen

Uw shop's-introductiepagina bevat drie teaser-beelden die worden weergegeven onder de header-afbeelding. U moet de ankers wisselen voor de teaser-afbeeldingen. Voor deze beelden raden we een grootte aan van 300px x 200px.

Hoe de teaser-afbeeldingen wijzigen

1. Selecteer Inhoud / Categorieën en klik vervolgens op Weergave gegevensblad.
   
2. Selecteer Algemeen.
   
3. Onder Lange Omschrijving, kunt u ankers voor de teaser-afbeeldingen vinden. Als de ankers niet zichtbaar zijn, volg dan deze instructies.
   
4. Klik met de rechtermuisknop op het anker dat u wilt bewerken en selecteer Afbeelding.
   
5. Selecteer Afbeelding uploaden.
   
6. Als u een nieuw bestand wilt uploaden, selecteer bestanden uploaden en upload een afbeelding vanaf uw computer, anders gaat u verder met de volgende stap.
   
7. Selecteer de afbeelding die u wilt gebruiken.
   
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 voor beelden van de teaser is 300px x 200px.
   
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. Ga anders verder met stap 15
    
12. Selecteer Pagina's.
    
13. Selecteer de pagina van uw shop waarnaar u wilt koppelen.
    
14. Selecteer Toepassen.
    
15. Herhaal stappen 4-14 totdat u alle teaser-afbeeldingen hebt gewijzigd.
16. Als uw shop meerdere talen heeft, selecteer dan een andere taal en herhaal de stappen 3-15 voor elke taal. Als er geen tekst weergegeven is in de andere talen, volg dan deze instructies.
    
17. Sla de wijzigingen op.
    

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 de administratie gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
   
2. Creëer een back-up van het actieve theme door het selecteren van Back-up creëren.
   

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

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.
   
2. Selecteer Pagina's.
   
3. Geef een Naam in onderaan de tabel, in de kolom naam, voor benaming van de back-up – bijvoorbeeld “homepage inhoud back-up”.
   
4. Selecteer Opslaan.
   
5. Selecteer Algemeen
   
6. Kopieer de inhoud van de homepage die u wilt bewaren – b.v. tekst en afbeeldingen in het veld Lange Omschrijving.
   
7. Selecteer Pagina's.
   
8. Selecteer de pagina in de tabel die u in stap 3 hebt aangemaakt.
   
9. Selecteer teksten.
   
10. Plak de inhoud die u hebt gekopieerd naar het bijbehorende veld – b.v. Lange Beschrijving.
    
11. Sla de wijzigingen op.
    
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.
    

Aanpassen van de pagina voor het herroepingsrecht

Op de productpagina's van uw shop bevindt er zich een Link genaamd "levering":

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.
   
2. Selecteer Teksten.
   
3. In het tekstveld bovenaan klikt u met de rechtermuisknop op het woord levering en selecteert u Link bewerken.
   
4. Selecteer de pagina met het herroepingsrecht.
   
5. Selecteer Toepassen.
   
6. Herhaal de stappen 3-6 voor elk tekstveld dat de leveringslink bevat.
7. Sla de wijzigingen op.
   
8. Als uw shop meerdere talen heeft, selecteer dan een andere taal en herhaal de stappen 3-7 voor elke taal.
   
9. Selecteer notitieteksten voor nettoprijzen.
   
10. Herhaal stap 3-8 voor alle tekstvelden met de leveringslink.

Wat te doen als er pagina-elementen ontbreken

Het is mogelijk dat sommige elementen niet in de footer en de header weergegeven worden wanneer u deze probeert te bewerken in het Geavanceerd ontwerp van uw geïmporteerde theme. Dit is te wijten aan uw taalinstellingen en kan gemakkelijk worden gecorrigeerd.

Hoe de ontbrekende pagina-elementen toevoegen

1. In het administratie gebied in het hoofdmenu, selecteer Ontwerp en vervolgens Mijn themes.
   
2. Zoek uw geïmporteerde theme en selecteer Bewerken pagina-elementen rechts.
   
3. Selecteer in de rij Bovenaan Text (HTML).
   
4. Als één van beide taalvelden leeg is (b.v. Duits is leeg in het screenshot), kopieer dan gewoon de volledige HTML-code en plak deze in het lege veld.
   
5. Sla de wijzigingen op.
   
6. Als u pagina elementen wenst toe te voegen voor andere talen, selecteert u de taal onder Vertaling en herhaalt u de stappen 4-5.
7. Selecteer Inhoud / Categorieën in het hoofdmenu, en daarna Weergave gegevensblad.
   
8. Selecteer Algemeen.
   
9. Onder Lange Omschrijving, kunt u de inhoud van uw nieuwe theme homepage vinden (zoals afbeeldingen of tekst). Als uw shop beschikbaar in meerdere talen is, kunt u de inhoud van een andere taal aan de rechterkant vinden. De vakken voor de andere talen zijn mogelijk leeg of kunnen verschillende inhoud hebben. selecteer de inhoud uit de Lange Omschrijving van de andere taal aan de rechterkant en verwijder deze. Creëer een back-up vooraf om ervoor te zorgen dat u geen inhoud verliest.
   
10. Kopieer de ankerafbeeldingen uit de Lange omschrijving links en plak ze in het lege Lang beschrijvingsveld aan de rechterkant.
    
11. Sla de wijzigingen op.
    
12. Als uw shop meerdere talen heeft, selecteer dan een andere taal en herhaal de stappen 9-11 voor elke taal.