{"id":2757,"date":"2019-06-18T16:08:42","date_gmt":"2019-06-18T16:08:42","guid":{"rendered":"https:\/\/croissant.huysmans.me\/documentation\/winkel\/product-varianten-swatches\/"},"modified":"2019-06-18T16:08:42","modified_gmt":"2019-06-18T16:08:42","slug":"product-varianten-swatches","status":"publish","type":"manual_documentation","link":"https:\/\/croissant.huysmans.me\/nl\/documentation\/winkel\/product-varianten-swatches\/","title":{"rendered":"Product varianten swatches"},"content":{"rendered":"

Als u productvarianten in uw winkel gebruikt, kunt u desgewenst kiezen om de varianten op 3 verschillende manieren weer te geven.\u00a0Houd 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.<\/strong><\/p>\n

\n
\n

Standaard<\/h4>\n

\"\"<\/div>\n

\n

Squares<\/h4>\n

\"\"<\/div>\n<\/div>\n

\n
\n

Gekleurde cirkel<\/h4>\n

\"\"<\/div>\n

\n

Afbeelding cirkel<\/h4>\n

\"\"<\/div>\n<\/div>\n

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

      Als u de\u00a0gekleurde cirkel<\/strong>\u00a0of de\u00a0afbeeldingscirkel<\/strong>wilt inschakelen, raadpleegt u het onderstaande gedeelte<\/li>\n

    • Op specifieke producten<\/strong>Selecteer 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\u00a0weergeven<\/strong>, typt u “enabled<\/strong>” in het veld Gegevens 03 van de productpagina.\n

      Als u de\u00a0gekleurde cirkel<\/strong>\u00a0of de\u00a0afbeeldingscirkel<\/strong>wilt inschakelen, raadpleegt u het onderstaande gedeelte.<\/li>\n

    • Schakel de gekleurde cirkel in<\/strong>Om 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\u00a0exact dezelfde volgorde<\/strong>\u00a0staan als de varianten in het gedeelte “INVENTARIS & VARIANTEN” van uw productinstellingen. Hier is een voorbeeld van een 4-gekleurde cirkel: “#164371, #616161, #e5e6ab, #ffffff”.<\/li>\n
    • Schakel de afbeeldingscirkel in<\/strong>Om 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\u00f3\u00f3r elke URL-extensies invoeren . Om een afbeelding te uploaden, ga je naar\u00a0Backoffice > Tools > Bestanden<\/strong>\u00a0en klik je op “Upload bestanden”. Nadat de afbeelding is ge\u00fcpload, kopieert u het gedeelte van de URL\u00a0NA<\/strong>\u00a0“https: \/\/cdn.webshopapp.com\/shops\/STORE_ID\/files …” zoals weergegeven in de afbeelding hieronder:\n

      \"\"We raden aan een kleine vierkante afbeelding van 60 px bij 60 pixels te uploaden. Alle URL’s moeten in\u00a0exact dezelfde volgorde<\/strong>\u00a0staan als de varianten in het gedeelte “INVENTARIS & VARIANTEN” van uw product instellingen.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n","protected":false},"author":1,"featured_media":0,"parent":2561,"menu_order":0,"template":"","manualdocumentationcategory":[61],"manual_doc_tag":[],"class_list":["post-2757","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-themendokumentation"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/croissant.huysmans.me\/nl\/wp-json\/wp\/v2\/manual_documentation\/2757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/croissant.huysmans.me\/nl\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/croissant.huysmans.me\/nl\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/croissant.huysmans.me\/nl\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/croissant.huysmans.me\/nl\/wp-json\/wp\/v2\/manual_documentation\/2757\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/croissant.huysmans.me\/nl\/wp-json\/wp\/v2\/manual_documentation\/2561"}],"wp:attachment":[{"href":"https:\/\/croissant.huysmans.me\/nl\/wp-json\/wp\/v2\/media?parent=2757"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/croissant.huysmans.me\/nl\/wp-json\/wp\/v2\/manualdocumentationcategory?post=2757"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/croissant.huysmans.me\/nl\/wp-json\/wp\/v2\/manual_doc_tag?post=2757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}