Webshop

Zelf kleuren toevoegen aan kleurenfilter en een variant

Binnen de webshop is het mogelijk om kleurenfilters weer te geven. Dit werkt op basis van artikeltemplates. Klik hier voor de uitleg hoe je gebruik maakt van een artikeltemplate.

Nu kan het zijn dat de toegevoegde kleur niet bekend is in Logic4. In het filter op de webshop zal deze kleur dan als wit worden weergegeven. In dit bericht gaan we uitleggen hoe je zelf deze kleuren kan toevoegen aan het kleurenfilter.

Onderstaand een voorbeeld van een kleur die niet bekend is in Logic4. We gaan deze kleur toevoegen zodat deze in het filter op de webshop goed wordt weergegeven.

Aanmaken CMS item

Klik vanuit het hoofdmenu van Logic4 op ‘Website’ en daarna op ‘Content management system’.

  1. Naam intern: vul hier een naam in. Bijvoorbeeld: “Colorfilter”
  2. Naam op website: vul hier een naam in. Bijvoorbeeld: “Colorfilter”
  3. Titel: vul hier een naam in. Bijvoorbeeld: “Colorfilter”
  4. Taal: selecteer hier de taal van de webshop (alleen bij multi-talig)
  5. Selecteer sleutel: vul hier “extrascript” in
  6. Dochter van: selecteer hier de hoofdmap. Bijvoorbeeld: Losse pagina’s
  7. Tekst: hier moet de code ingevuld worden. Zie onderstaande stap.

Code

Kopieer onderstaande code op het tabblad tekst.


<style>
.colorfilter .olie.smoked.oak {background: #d3ae81 ; border: 0; color: #646464;}
</style>

Onderstaand de uitleg van de code.

  1. Naam van de kleur: dit is de naam van de kleur welke is opgegeven bij het template. Let op: de naam moet beginnen met een . (punt), spaties in de naam moeten vervangen worden door een . (punt)
  2. Achtergrond kleur: dit is de kleurcode van de achtergrond in hex decimal
  3. Kleur vinkje: dit is de kleur van het vinkje in hex decimal

Resultaat

Na een resetcache op de webshop is de juiste kleur zichtbaar in het filter op de webshop.

Toevoegen van kleuren aan artikel varianten

Het is nu ook mogelijk om missende kleuren toe te voegen aan de varianten. Het toevoegen van de code en het resultaat zie je in bijgevoegd screenshot:

Tip: voor het genereren van kleurcodes in hex decimal ga naar coolors.co

Heb je na het lezen van dit artikel nog vragen?

Neem dan contact op met de Servicedesk door een e-mail te sturen naar help@logic4.nl
Geschreven door
Heeft dit artikel geholpen?
0
1

Over Logic4

Logic4 ontwikkelt en implementeert een alles-in-één oplossing voor bedrijfssoftware en e-commerce. Als enige partij in Nederland bieden we een totaalpakket voor webshop, voorraad, artikelbeheer, kassa, inkoop, orderverwerking, CRM, facturatie, boekhouding, B2B/B2C, managementinformatie en meer. Onze klanten zijn (middel)grote groothandels, vakhandels en retailers. Zij profiteren voor een vast maandelijks bedrag van een volledig geïntegreerde frontoffice en backoffice en continue gratis doorontwikkeling.