Themendokumentation

86 views 😃0

Produktvarianten swatches

dominicht

Wenn Sie Produktvarianten in Ihrem Shop verwenden, können Sie sich optional zwischen 3 verschiedenen Arten zur Darstellung der Varianten entscheiden. Bitte beachten Sie, dass diese optionalen Varianten nur angezeigt werden, wenn ein Produkt einen einzelnen Variantentyp hat (z.B.: Farbe). Wenn Ihr Produkt mehr als einen aufweist (z.B.: Größe + Farbe), wird die Standard-Dropdown-Auswahl für Varianten angezeigt.

Standard

Quadrate

Farbiger Kreis

Kreis mit Bild

  1. Zu Beginn aktivieren Sie die Theme Option „Zeige Variantenauswahl (Quadrat, Farbe oder Bild)“.
  2. Dann wählen Sie aus, ob Sie die Auswahl der individuellen Varianten standardmäßig bei allen Produkten anzeigen oder ob Sie diese nur für bestimmte Produkte aktivieren möchten.
    • Zeige Variantenauswahl standardmäßig bei allen ProduktenWenn Sie diese Option auswählen, wird die quadratische Variantenauswahl standardmäßig bei ALLEN Produkten angezeigt, solange es nicht mehr als 1 Art von Produktvarianten gibt. Wenn Sie die Variantenauswahl bei einem spezifischen Produkt deaktivieren möchten, geben Sie „disabled“ in das Data 03 Feld des Produktes ein. Um das Data 01, Data 02 und Data 03 Feld zu aktivieren, gehen Sie bitte zu backoffice > Settings > Workflow und aktivieren die Option „custom template data“. Sobald diese aktiviert ist, wird ein neues Set von Feldern am Fuß Ihres Produktformulars hinzugefügt.
      Sie können auch die Hauptgrößentabelle durch eine andere ersetzen, indem Sie die im nachfolgenden Abschnitt beschriebenen Schritte durchführen.

      Wenn Sie den farbigen Kreis oder den Kreis mit Bild aktivieren möchten, so schauen Sie sich bitte den nachfolgenden Abschnitt an.

    • Bei spezifischen ProduktenWählen Sie diese Option, wenn Sie die Variantenauswahl nicht standardmäßig bei allen Produkten anzeigen möchten, sondern diese bei spezifischen Produkten aktivieren möchten. Um die quadratische Variantenauswahl für ein spezifisches Produkt zu aktivieren, geben Sie „enabled“ im Data 03 Feld auf der Produktseite ein.

      Wenn Sie den farbigen Kreis oder den Kreis mit Bild aktivieren möchten, so schauen Sie sich bitte den nachfolgenden Abschnitt an.

    • Den farbigen Kreis aktivierenUm den farbigen Kreis zu aktivieren, müssen Sie manuell eine kommaseparierte Liste von HEX Codes (z.B.: „#de4748“) mit dem Rautezeichen vor jedem HEX Code eingeben. Alle Codes mussen in genau der gleichen Reihenfolge wie die Varianten im Abschnitt „INVENTORY & VARIANTS“ Ihrer Produkteinstellungen vorliegen. Hier ein Beispiel, das 4 farbige Kreise anzeigt: „#164371, #616161, #e5e6ab, #ffffff“.
    • Den Kreis mit Bild aktivierenUm den Kreis mit Bild zu aktivieren, müssen Sie manuell eine kommaseparierte List von Bild-URL-Erweiterungen eingeben (z.B.: „/198866666/texture-metal2.jpg, /198866660/texture-metal1.jpg“) mit dem / vor jeder URL-Erweiterung. Um ein Bild hochzuladen, gehen Sie zu Backoffice > Importe > Dateien und klicken auf „Dateien hochladen“. Sobald das Bild hochgeladen wurde, kopieren Sie den Teil der URL, der NACH„https://cdn.webshopapp.com/shops/STORE_ID/files…“ kommt, so wie im nachfolgenden Bild zu sehen:

      Wir empfehlen, ein kleines quadratisches Bild mit 60×60 Pixel hochzuladen. Alle URLs müssen sich in der gleichen Reihenfolge befinden wie die Varianten im Abschnitt „INVENTORY & VARIANTS“ Ihrer Produkteinstellungen.

War dies hilfreich?