[im3] ⭐ 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.

1. Wpisz numer telefonu w sekcji Numer telefonu.
2. Wpisz adres e-mail w sekcji Adres e-mail.
3. W sekcji Kolor odnośnika ustaw kolor danych kontaktowych.
4. W sekcji image dodaj grafikę / ikonę wyświetlaną obok danych.
5. 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.

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.

• 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.

• 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.

Ź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.