Thema documentatie

693 views 😃0

Product varianten swatches

dominicht

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.

Standaard

Squares

Gekleurde cirkel

Afbeelding cirkel

  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.

Was dit nuttig?