iModules — Szablon COSMO
[im3] ⭐ Dane kontaktowe - nagłówek ⭐
Ikona, numer telefonu i adres e-mail wyświetlane w nagłówku sklepu.
Do czego służy moduł Dane kontaktowe - nagłówek?
Moduł wyświetla w nagłówku sklepu ikonę, numer telefonu i adres e-mail. Telefon oraz e-mail są od razu klikalne — prowadzą odpowiednio do linków tel: i mailto:.
Możesz też ustawić kolor obu odnośników, np. zgodny z głównym kolorem szablonu.

Najprostsza konfiguracja
Wpisz numer telefonu w sekcji Numer telefonu.
Wpisz adres e-mail w sekcji Adres e-mail.
W sekcji Kolor odnośnika ustaw kolor danych kontaktowych.
W sekcji image dodaj grafikę / ikonę wyświetlaną obok danych.
Sprawdź efekt na desktopie i urządzeniu mobilnym.
Pola telefonu i e-maila obsługują tłumaczenia, więc w sklepie wielojęzycznym możesz podać inne wartości dla poszczególnych wersji językowych.

Interaktywny konfigurator
Po lewej znajduje się formularz odwzorowujący konfigurację modułu w Shoperze. Wszystkie cztery ustawienia są LIVE — ich zmiana od razu wpływa na prawy podgląd.

Interaktywny podgląd
Interaktywny symulator jest dostępny w pełnym widoku instrukcji. Wersja dla czytników AI pomija kod i dane symulatora, aby dokument pozostał lekki.
Jak moduł zachowuje się na froncie?
Grafika jest renderowana w rozmiarze 40 × 40 px.
Telefon i e-mail są ustawione jeden pod drugim.
Numer telefonu otrzymuje link tel:.
Adres e-mail otrzymuje link mailto:.
Wybrany kolor dotyczy tekstu telefonu i e-maila.

Szybki test przed publikacją
Kliknij numer telefonu i sprawdź, czy zawiera poprawny numer.
Kliknij adres e-mail i zweryfikuj jego poprawność.
Sprawdź czy grafika jest czytelna przy wymiarze 40 × 40 px.
Upewnij się, że kolor odnośników ma odpowiedni kontrast względem tła nagłówka.
Jeśli sklep jest wielojęzyczny, sprawdź wartości dla używanych języków.

Szczegóły techniczne
Źródłowy Twig renderuje obraz z moduleConfig.graphicImage.paths.webp, telefon z moduleConfig.IMSocialTel, e-mail z moduleConfig.IMSocialEmail i kolor z moduleConfig.color. Moduł nie posiada własnego JavaScriptu.