Het design van uw webwinkel aanpassen – Lightspeed eCommerce
Het design van uw webwinkel aanpassen
Het design is een van de eerste dingen die opvallen wanneer je een webwinkel bezoekt. Juist daarom heeft het design een gunstig (of ongunstig) effect op je verkopen. Bij Lightspeed eCom heb je vele flexibele opties om het design van je winkel aan te passen en een prachtige en aantrekkelijke beleving te creëren voor je klanten.
Dit artikel bevat instructies voor:
het installeren van een nieuw thema;
het aanpassen van de instellingen van je thema;
het toevoegen van aangepaste CSS aan je thema;
het wijzigen van de code van je thema;
het oplossen van problemen met ontbrekende functies/instellingen.
Als je een nieuw thema aanschaft in de Thema shop en dit installeert, worden alle geldende aanpassingsinstellingen van je huidige thema verwijderd en begin je met een schone lei.
Lightspeed biedt drie gratis professionele thema's aan en 40 betaalde thema's. Er zit dus altijd wel een ontwerp tussen dat bij je past. Door een maandelijkse toeslag te betalen, stimuleer je de ontwikkeling van nieuwe thema's en beschik je over ondersteuning per e-mail van onze partners.
Klik in het linkermenu van de backoffice op Ontwerp > Thema shop om naar de Thema shop te gaan.
De instellingen van je thema aanpassen
Thema's bevatten instellingen die van invloed kunnen zijn op de visuele en functionele onderdelen van je ontwerp. In de handleiding van het thema vind je uitleg over de instellingen die erbij zijn inbegrepen. Ga naar Themahandleidingen zoeken voor informatie die betrekking heeft op jouw thema.
Klik in het linkermenu van de eCom backoffice op > Ontwerp > Thema-instellingen om de instellingen van je thema aan te passen.
De code van je thema wijzigen
Je kunt de code van je thema aanpassen door de Thema editor te openen. Dit heeft een aantal gevolgen:
Er wordt een kopie gemaakt van de code van het oorspronkelijke thema. Dit houdt in dat je thema niet meer wordt bijgewerkt met nieuwe updates.
Daarnaast wordt het moeilijker voor ons ondersteuningsteam en onze partners om je te helpen met ontwerp-gerelateerde problemen.
Om zelf aanpassingen te maken met de Sjabloon editor heb je voldoende kennis nodig van webdevelopment. De ondersteuning van Lightspeed kan je in contact brengen met partners die hulp bieden bij het maken van aanpassingen. Neem contact met ons op voor de contactgegevens.
Als je kennis hebt van HTML en CSS, kun je onze sectie Over geavanceerd webdevelopment raadplegen voor meer informatie.
Navigeer naar je eCom backoffice > Ontwerp > Thema editor om de Sjabloon editor te activeren. Er verschijnt een pop-upvenster. Vink ter bevestiging Ik begrijp de risico's en wil verdergaan aan en klik op Doorgaan.
Aangepaste CSS aan je thema toevoegen
CSS (Cascading style sheets) bepalen hoe de elementen van je website worden weergegeven. Met de juiste kennis kun je aangepaste CSS toevoegen en zo allerlei delen van je website wijzigen, zonder dat je de gevolgen van het activeren van de Thema editor ondervindt.
Als je niet bekend bent met webdevelopment, kun je in de themahandleiding achterhalen of je de stijl kunt aanpassen met de ingebouwde instellingen van het thema. Ga naar Themahandleidingen zoeken voor informatie die betrekking heeft op jouw thema.
In andere gevallen kun je contact met ons opnemen. Ons ondersteuningsteam staat klaar om je te helpen en/of je door te verwijzen naar een externe partner voor het maken van aanpassingen.
Navigeer naar eCom backoffice > Ontwerp > Thema-instellingen > Aangepaste CSS om aangepaste CSS toe te voegen of te wijzigen.
Problemen met ontbrekende functies/instellingen oplossen
Lightspeed streeft ernaar om jou te voorzien van de benodigde kennis om zelfstandig wijzigingen aan te brengen in je eCom website. Volg de volgende stappen als er bepaalde ontwerpfuncties lijken te ontbreken in je thema:
Raadpleeg de handleiding van het thema en ga na of je elk van de ontwerpfuncties en -instellingen hebt verkend en begrepen. Ga naar Themahandleidingen zoeken voor meer informatie.
Neem contact op met de ontwikkelaar die je thema heeft gemaakt. Onze partners staan klaar om je te helpen als je vragen of verzoeken hebt. Hoewel onze partners er alles aan doen om je te helpen met hun thema, is het verhelpen van problemen of het voldoen aan verzoeken voor functies slechts gebaseerd op hun eigen inschatting. Je vindt de contactgegevens van de ontwikkelaar boven de koppeling naar de themahandleiding. Je kunt de themahandleiding vinden door hier de instructies te volgen.
Zoek naar een vergelijkbare functie in een ander thema. Als je wijzigingen in het ontwerp hebt gemaakt die je niet wilt kwijtraken en/of een live website hebt, raden wij je aan om naar de website van Lightspeed te gaan en daar een nieuwe eCom demo aan te maken met een nieuw e-mailadres. Zodra dit is aangemaakt, kun je een willekeurig thema installeren om te testen of het de instellingen bevat die bij jou passen.
Als je geen thema kunt vinden met de juiste functies of instellingen voor jouw eCom shop, heb je mogelijk een externe webdeveloper nodig. Neem de onderstaande tabel door en neem contact met ons op voor ondersteuning om een weloverwogen beslissing te maken. Indien nodig kan ons ondersteuningsteam je een partner aanraden voor het maken van aanpassingen.
Een webdeveloper inhuren
Prijs - Laag. Gratis of tegen een maandelijkse toeslag.
Kosten voor wijzigingen - Geen. Als je het ontwerp wilt wijzigen, betaal je geen kosten voor de overstap naar een nieuw thema. Aangepaste thema-instellingen gaan verloren.
Minder aanpassingsmogelijkheden - Wijzigingen zijn afhankelijk van het ontwerp van het thema.
Toekomstige wijzigingen zelf maken - Als je het ontwerp op een later moment wilt wijzigen, kun je dit zelf doen.
Ondersteuning - Inbegrepen.
Updates - Inbegrepen.
Prijs - Een eenmalige of maandelijkse toeslag, afhankelijk van het type webdeveloper.
Kosten voor wijzigingen - Als je het ontwerp wilt wijzigen, kan een webdeveloper hiervoor nieuwe kosten in rekening brengen.
Meer aanpassingsmogelijkheden - Vrijwel alles kan worden gewijzigd, afhankelijk van de prijs en de vaardigheden van de webdeveloper.
Toekomstige wijzigingen door de developer - Als je het ontwerp op een later moment wilt wijzigen, moet je hiervoor opnieuw de developer betalen.