EasyWebshop

Lay-out instellen

Lay-out design Met EasyWebshop kunt u op een gebruiksvriendelijke manier zelf de lay-out van uw webshop instellen. Het lay-outbeheer geeft u voldoende mogelijkheden om uw webshop te onderscheiden van andere websites. Lay-outbeheer kunt u vinden bij Instellingen > Lay-out.

1. Kies de vormgeving

Kies een design waarop u zich wil baseren. U kunt vóór het opslaan een voorbeeld van het design bekijken door erop te klikken. Experimenteer gerust, er gaan geen gegevens verloren als u de lay-out aanpast.

Mobiele weergave met responsive designs
De templates met het Responsive logo passen zich aan aan de schermgrootte van uw bezoekers. Deze templates werken op smartphones en tablets.

2. Kies het kleurenpalet

Klik op de tab Kleurenpalet. U kunt een vooraf ingesteld kleurenpalet kiezen, of de kleurcombinaties zelf instellen.

Achtergrond
Deze kleur wordt gebruikt voor de achtergrond. Een achtergrondafbeelding kan deze kleur bedekken.
Menu achtergrond
Deze kleur wordt gebruikt voor de achtergrond van elementen op uw webshop.
Menu tekst
Deze kleur wordt gebruikt voor teksten op de elementen. Zorg voor voldoende contrast met de menu achtergrond.
Menu muis over
Deze kleur wordt gebruikt wanneer een bezoeker met de muiscursor over een navigatie item beweegt.

Experimenteer met verschillende combinaties, u kunt alles achteraf nog wijzigen. Zorg er wel voor dat het geheel niet te flashy wordt en dat de teksten leesbaar blijven.

Tips voor kleurcombinaties:

U kunt ook zelf een kleurcode toevoegen door onderaan in het kleurenscherm op de kleurcode te klikken. Kleurcodes kunt u vinden op bovenstaande websites. Vul een hexadecimale kleurcode in voorafgaand met #. Bijvoorbeeld: #FF9900.

U kunt ook de weergave van teksten en titels aanpassen. Standaard zijn waarden gekozen die algemeen gebruikt worden op het internet. Als er geen reden is om dit te wijzigen, raden we aan om de standaardwaarden te gebruiken.

Lettertype: Sans-Serif, Tekstgrootte: 1em, Tekst kleur: Zwart.

Deze instelling heeft invloed op alle teksten van uw webshop. Zo blijft alles netjes consistent. Om toch afwijkingen in bepaalde teksten te maken, kunt u het paginabeheer systeem gebruiken.

De lettertypes zijn beperkt tot de veelgebruikte lettertypes die door alle computers ondersteund worden. Het is mogelijk om eigen lettertypes toe te voegen met de lay-out op maat module, maar we raden dit af omdat deze in veel gevallen niet worden weergegeven op alle apparaten.

Een veelgestelde vraag aan onze support: "De teksten op mijn webshop zijn verdwenen." Dit komt omdat de tekstkleur hetzelfde is ingesteld als de tekst achtergrondkleur.

U kunt ook de buttons die op de website worden weergegeven restylen.

3. Kies een achtergrond

Upload uw eigen achtergrond afbeelding
Gebruik bij voorkeur een eigen achtergrond, dat maakt uw webshop uniek. U kunt de achtergrond verwijderen door op Upload te klikken zonder een bestand te uploaden.
Achtergrond herhalen
U kunt ervoor kiezen om een patroon te herhalen of om een grote foto te spreiden over de achtergrond.
Intransparantie
Hiermee kunt u de achtergrond laten doorschijnen op de inhoud van uw webpagina. 50% = heel doorschijnend, 100% (standaard) = niet doorschijnend. Let op dat u voldoende contrast behoudt.
Achtergrond patronen
U kunt één van onze voorgeprogrammeerde patronen kiezen in plaats van uw eigen achtergrond. Meer patronen kunt u hier vinden:

4a. Een (bedrijfs)logo integreren

Wanneer u een logo uploadt, wordt de titel en slogan op uw webshop vervangen door het logo. Kijk na of het logo goed past binnen het design.

Dit zijn gratis grafische programma's waarmee u uw logo kunt bewerken:

Tip: u kunt transparante afbeeldingen uploaden. We raden het .png formaat aan.

U kunt het logo verwijderen door op Upload te klikken zonder een bestand te uploaden.

4b. Browser icoon instellen

Hiermee kunt u een favicon uploaden dat zichtbaar is in de URL balk van uw webshop.

U heeft een .ico afbeelding nodig van 16x16 pixels en maximum 150Kb.

Favicon

Het favicon is te zien:

  • In de browser tabs
  • In de koppelingen balk
  • In de browser favorieten
  • Bij het verslepen naar de desktop

5. De homepage restylen

Hier kunt u de belangrijkste elementen op de homepage laten weergeven of verbergen. Er kunnen nog veel meer zaken ingesteld worden:

  • Welkomsttekst: zie pagina Home in het volgende onderdeel
  • Extra weergave instellingen: zie het onderdeel webshop instellingen
  • Partners en sociale media: zie het onderdeel marketing

Op uw homepagina worden standaard de laatste 12 producten weergegeven, verander dit naar 0 om geen producten weer te geven. U kunt ook per product instellen of u het wil laten weergeven op de homepagina. Zie hiervoor geavanceerd productbeheer.

Bekijk uw webshop

Na het Opslaan zijn de wijzigingen onmiddellijk actief. Klik op webshop bekijken om het resultaat te zien.

Veelgestelde lay-out vragen

Links en rechts is vrije ruimte, kan ik daar ook informatie plaatsen?
De ingebouwde templates zijn maximaal 1000 pixels breed. Hierdoor passen ze perfect op de meeste computerschermen, ultrabooks, netbooks en tablets.

Op een groot scherm zal u links en rechts vrije ruimte zien. Dit is "flexibele ruimte" die aangepast wordt afhankelijk van de breedte van het scherm. Als u op die plaats tekst of banners zou plaatsen, dan zal op veel computers een horizontale scrollbalk verschijnen. Uw bezoekers moeten dan telkens horizontaal scrollen om alle informatie te kunnen zien.

Als u de website toch breder wil maken, dan kunt u het best de lay-out op maat laten ontwerpen.

Mogelijke problemen

Ik zie nog steeds de oude versie
Dit komt meestal doordat de oude versie nog in de cache van de webbrowser zit. Een webbrowser (Internet Explorer, Firefox, Google Chrome, ...) bewaart webpagina's en afbeeldingen op de harde schijf. Zo kan bij een volgend bezoek de webpagina sneller worden weergegeven. Als u de pagina bezoekt, wordt de versie op uw harde schrijf getoond en niet de live versie van uw webshop.

Om het probleem te verhelpen: bekijk de webshop pagina, en klik op Pagina vernieuwen of Reload / Refresh page.

Of gebruik de sneltoetsen: F5 of CTRL + R. (Command + R op Mac)

De nieuwste versie van de webpagina wordt nu ingeladen.

Mogelijke andere oorzaken waardoor u geen veranderingen ziet:
- U bekijkt een verkeerde website of webpagina
- Er is een geavanceerde module (CSS opmaak of Lay-out op maat) actief
Mijn logo wordt herhaald of er is witruimte naast
Als uw logo niet de juiste afmetingen heeft, zal het herhaald worden, of zal er witruimte ontstaan aan de zijkanten.
Het favicon wordt niet weergegeven
Gebruik een recente webbrowser. In sommige oude versies van Internet Explorer wordt geen favicon weergegeven.
Koppel een domeinnaam aan de webshop. Sommige browsers geven de favicon van EasyWebshop weer als er geen domeinnaam is gekoppeld.

Logo afmetingen

U kunt zelf de afmetingen van uw logo bepalen. Deze tabel geeft aan hoeveel plaats er is voor het logo. Grotere logo's worden automatisch proportioneel verschaald.

TemplateAfmetingen in pixels
Vitality300x100
Carefree300x100
Soft Touch200x50
Soft Link200x50
Easy Mobile330x50
Clean330x50
Clean & Smooth330x50
Streamlined1120x200
Streamlined Wide2000x200
Elementary330x50
Elementary Reverse330x50
Fluid1080x200
Flex1080x200
Fluid Classic1080x200
Flex Classic1080x200
Fluid Edge1080x200
Flex Edge1080x200
Fluid Edge Classic1080x200
Flex Edge Classic1080x200

Volgende pagina: Teksten en webpagina's bewerken (CMS) >>>

Overzicht

Info

Documentatie