Product varianten swatches

Als u productvarianten in uw winkel gebruikt, kunt u desgewenst kiezen om de varianten op 3 verschillende manieren weer te geven. Houd er rekening mee dat deze opties voor de optinavariant alleen worden weergegeven als een product een enkel varianttype heeft (bijvoorbeeld: kleur). Als uw product meer dan 1 heeft (bijvoorbeeld: Grootte + Kleur), wordt de vervolgkeuzelijst met de standaardvariant weergegeven.

1. Om aan de slag te gaan, schakelt u de themaoptie “Toon variantkiezer (vierkant, kleur of afbeelding)” in.
2. Selecteer vervolgens of u de aangepaste variantkiezer standaard op alle producten wilt weergeven of dat u deze alleen voor bepaalde producten wilt inschakelen.
   • Toon standaardkiezer standaard op alle productenAls u deze optie selecteert, wordt de vierkante variantkiezer standaard weergegeven op ALLE producten, zolang er niet meer dan 1 type productvariant is. Als u de variantkiezer voor een specifiek product wilt uitschakelen, typt u “disabled” in het veld Gegevens 03 van het product. Om het veld Data 01, Data 02 en Data 03 in te schakelen, gaat u naar backoffice > Instellingen > Workflow en schakelt u de optie “Extra template data” in. Zodra dat is ingeschakeld, wordt een nieuwe set veld toegevoegd onder aan uw productformulieren.
     U kunt ook de handleiding voor de hoofdgrootte vervangen door een andere door de stappen in het onderstaande gedeelte te volgen.

     Als u de gekleurde cirkel of de afbeeldingscirkelwilt inschakelen, raadpleegt u het onderstaande gedeelte

   • Op specifieke productenSelecteer deze optie als u de variantkiezer standaard niet op alle productpagina’s wilt weergeven, maar deze wilt inschakelen voor specifieke producten. Als u de vierkante variantkiezer voor een specifiek product wilt weergeven, typt u “enabled” in het veld Gegevens 03 van de productpagina.

     Als u de gekleurde cirkel of de afbeeldingscirkelwilt inschakelen, raadpleegt u het onderstaande gedeelte.

   • Schakel de gekleurde cirkel inOm de gekleurde cirkel in te schakelen, moet u handmatig een door komma’s gescheiden lijst met HEX-code (bijv.: “#de4748”) met de hastag voor elke HEX-code invoeren. Alle codes moeten in exact dezelfde volgorde staan als de varianten in het gedeelte “INVENTARIS & VARIANTEN” van uw productinstellingen. Hier is een voorbeeld van een 4-gekleurde cirkel: “#164371, #616161, #e5e6ab, #ffffff”.
   • Schakel de afbeeldingscirkel inOm de afbeeldingscirkel in te schakelen, moet u handmatig een door komma’s gescheiden lijst met afbeeldings-URL-extentions (bijv .: “/198866666/texture-metal2.jpg, /198866660/texture-metal1.jpg”) met de / vóór elke URL-extensies invoeren . Om een afbeelding te uploaden, ga je naar Backoffice > Tools > Bestanden en klik je op “Upload bestanden”. Nadat de afbeelding is geüpload, kopieert u het gedeelte van de URL NA “https: //cdn.webshopapp.com/shops/STORE_ID/files …” zoals weergegeven in de afbeelding hieronder:

     We raden aan een kleine vierkante afbeelding van 60 px bij 60 pixels te uploaden. Alle URL’s moeten in exact dezelfde volgorde staan als de varianten in het gedeelte “INVENTARIS & VARIANTEN” van uw product instellingen.