Konfigurator powiązań

Konfigurację powiązań tworzysz w naszym konfiguratorze online — wyklikujesz produkty, a narzędzie generuje gotowy plik do wklejenia w moduł.

Otwórz konfigurator

Jak to działa

Powiązania budujesz w dwóch poziomach:

Typ powiązania — nazwa całej grupy wyborów, np. „Dłuższy bok”, „Krótszy bok”, „Kolor”. To ona wyświetli się klientowi jako etykieta nad kafelkami.
Grupa — zestaw produktów, które są dla siebie wzajemnie wariantami w ramach danego typu. Jeśli produkt o krótszym boku 20 cm występuje w trzech długościach, te trzy produkty tworzą jedną grupę.

Każdy produkt w grupie to jego ID w sklepie oraz nazwa, która wyświetli się na kafelku.

Na produkcie z grupy wyświetlą się kafelki wszystkich produktów z tej grupy — jeden zaznaczony (ten, na którym aktualnie jesteśmy), pozostałe jako linki do powiązanych produktów.

Tworzenie konfiguracji

Otwórz konfigurator i dodaj pierwszy typ powiązania — wpisz nazwę, którą zobaczy klient (np. „Dłuższy bok”).
W ramach typu dodaj grupę i wpisz do niej ID oraz nazwy produktów, które są dla siebie wariantami.
Powtórz dla kolejnych grup, a następnie dla kolejnych typów powiązań, jeśli produkt ma być wybierany w więcej niż jednym wymiarze (np. długość i szerokość).
Wygeneruj plik .json, otwórz go w notatniku i skopiuj całą zawartość do pola konfiguracji w module [MMZ] Produkty wielowariantowe na stronie produktu.

Więcej niż jeden typ powiązania

Na jednym produkcie możesz pokazać kilka typów powiązań naraz — klient wybiera wtedy np. osobno dłuższy i osobno krótszy bok.

Zasada jest ta sama dla każdego typu: łączysz w grupy te produkty, które w ramach tego typu są dla siebie wariantami. Ten sam produkt należy wtedy do jednej grupy w każdym z typów.

Grafiki w powiązaniach

Zamiast samych nazw na kafelkach możesz pokazać grafiki — konfigurator pozwala wskazać adres URL obrazka dla każdego powiązania.

Wskazany adres URL → wyświetli się ta grafika
Puste pole adresu → wyświetli się zdjęcie główne powiązanego produktu

Wielkość wyświetlanej grafiki ustawisz w module opcją Max. szerokość obrazka.

Jak wygląda wygenerowana konfiguracja

Nie musisz pisać tego ręcznie — konfigurator generuje taki plik za Ciebie. Poniższe przykłady pokazują tylko, czego się spodziewać po otwarciu wygenerowanego .json.

Jeden typ powiązania, dwie grupy

{
  "Dłuższy bok": [
    [
      { "id": 90, "name": "200 cm" },
      { "id": 91, "name": "210 cm" },
      { "id": 92, "name": "220 cm" }
    ],
    [
      { "id": 80, "name": "200 cm" },
      { "id": 81, "name": "210 cm" },
      { "id": 82, "name": "220 cm" }
    ]
  ]
}

Na produkcie o ID 90 pojawią się trzy kafelki: jeden zaznaczony (produkt, na którym jesteśmy) oraz dwa kierujące do produktów o ID 91 i 92. Analogicznie na produkcie o ID 80.

Dwa typy powiązań

{
  "Dłuższy bok": [
    [
      { "id": 90, "name": "200 cm" },
      { "id": 91, "name": "210 cm" },
      { "id": 92, "name": "220 cm" }
    ],
    [
      { "id": 80, "name": "200 cm" },
      { "id": 81, "name": "210 cm" },
      { "id": 82, "name": "220 cm" }
    ],
    [
      { "id": 70, "name": "200 cm" },
      { "id": 71, "name": "210 cm" },
      { "id": 72, "name": "220 cm" }
    ]
  ],
  "Krótszy bok": [
    [
      { "id": 90, "name": "20 cm" },
      { "id": 80, "name": "30 cm" },
      { "id": 70, "name": "40 cm" }
    ],
    [
      { "id": 91, "name": "20 cm" },
      { "id": 81, "name": "30 cm" },
      { "id": 71, "name": "40 cm" }
    ],
    [
      { "id": 92, "name": "20 cm" },
      { "id": 82, "name": "30 cm" },
      { "id": 72, "name": "40 cm" }
    ]
  ]
}

Powiązania z grafikami

{
  "Dłuższy bok": [
    [
      { "id": 90, "name": "200 cm", "img": "https://example.pl/userdata/public/assets/90.jpg" },
      { "id": 91, "name": "210 cm", "img": "https://example.pl/userdata/public/assets/91.jpg" },
      { "id": 92, "name": "220 cm", "img": "https://example.pl/userdata/public/assets/92.jpg" }
    ],
    [
      { "id": 80, "name": "200 cm", "img": "" },
      { "id": 81, "name": "210 cm", "img": "" },
      { "id": 82, "name": "220 cm", "img": "" }
    ]
  ]
}

W drugiej grupie pola img są puste — dla tych powiązań wyświetlą się zdjęcia główne produktów.