Dymek z podpowiedzią obok nazwy opcji produktu. Klient dowiaduje się, jak dobrać rozmiar albo co oznacza dana opcja, bez opuszczania karty produktu.
Co robi
- Dodaje obok nazwy opcji produktu (np. Rozmiar, Kolor) małą ikonę „i", opcjonalnie z krótkim tekstem, np. „Jak dobrać rozmiar?".
- Po najechaniu myszką, tapnięciu na telefonie albo przejściu klawiszem Tab pokazuje dymek z Twoim tekstem.
- Każdą podpowiedź przypinasz do opcji po jej ID – jedna podpowiedź może obsługiwać kilka opcji naraz.
- Treść ustawiasz osobno dla każdego języka sklepu.
- Obsługuje do 20 różnych podpowiedzi jednocześnie.
<aside>
⚠️
Podpowiedź stoi przy nazwie opcji (np. „Rozmiar"), nie przy jej wartościach. Nie da się ustawić innego tekstu dla S, innego dla M i innego dla L. Do tabeli z wymiarami w oknie służy osobny moduł [wse] Tabela rozmiarow.
</aside>
Gdzie się pojawia
Moduł jest integracją – nie przeciągasz go do układu strony i nie zajmuje żadnego miejsca. Po włączeniu ikona pojawia się automatycznie w bloku wyboru wariantów, przy każdej opcji, dla której wpisałeś podpowiedź.
| Warunek |
Co musi być spełnione |
| Strona |
Produkt, Zestaw produktów albo Produkt w programie lojalnościowym – na innych stronach moduł nie robi nic |
| Produkt |
Musi mieć opcję o ID wpisanym w konfiguracji |
| Układ strony |
Na stronie musi być moduł z wyborem wariantów – ikona jest wpinana do jego bloku |
Uruchomienie krok po kroku
- Ustal ID opcji, przy której ma stanąć podpowiedź. Panel Shopera nie pokazuje go wprost – odczytasz je na stronie edycji grupy wariantów (Produkty → Warianty, wejście w wybraną grupę). Jak to zrobić, pokazujemy niżej w sekcji „Jak odczytać ID opcji”.
- Otwórz edytor szablonu (SVE) i kliknij Integracje w lewym pasku. W oknie „Integracje i dodatki", w sekcji Wbudowane, znajdź [wse] Variant Hint i włącz go – ustawienia otworzą się po prawej.
- W sekcji Podpowiedzi dodaj pozycję: w ID opcji wklej ustalone ID, w Treść podpowiedzi wpisz tekst dymka, opcjonalnie uzupełnij Tekst obok ikony.
- W sekcji Wygląd wybierz ewentualnie Pozycja dymka – domyślnie dymek otwiera się nad ikoną.
- Jeśli sklep ma kilka języków, przełącz język w edytorze i wpisz treść także tam – lista podpowiedzi ma osobne wartości dla każdego języka.
- Zapisz i sprawdź na sklepie na produkcie, który faktycznie ma tę opcję – ikona powinna stać w tej samej linii co nazwa opcji.