[im4] ⭐ CODZIENNA PIELĘGNACJA 
W STYLU COSMO⭐

Moduł buduje responsywną sekcję contentową z trzema częściami: treścią po lewej, dużym zdjęciem pośrodku oraz treścią z opcjonalnym zdjęciem po prawej.

Najlepiej sprawdza się jako rozbudowana sekcja wizerunkowa lub informacyjna, w której tekst jest przeplatany dużymi zdjęciami. Treści po lewej i po prawej edytujesz przez WYSIWYG, a kształt obu grafik możesz dopasować niezależnymi promieniami narożników.

1. W Ustawieniach ogólnych ustaw maksymalną szerokość sekcji oraz odstępy.
2. W sekcji Lewa kolumna wpisz treść przez edytor WYSIWYG.
3. Dodaj wymagane Zdjęcie środkowe i ustaw jego tekst ALT.
4. W Prawej kolumnie uzupełnij treść i — jeśli potrzebujesz — dodaj drugie zdjęcie.
5. Dla obu zdjęć możesz osobno ustawić zaokrąglenie każdego z czterech narożników.

Panel po lewej odwzorowuje kolejność i typy pól z edytora Shoper. Wszystkie ustawienia tego modułu są oznaczone jako Live, ponieważ zmieniają renderowaną sekcję albo jej właściwości bezpośrednio w podglądzie.

Na dużym ekranie moduł korzysta z trzech kolumn. Przy mniejszej szerokości układ przechodzi najpierw w dwie kolumny, a na telefonie w jedną kolumnę.

Na mobile kolejność wynika bezpośrednio ze struktury modułu: lewa treść → zdjęcie środkowe → prawa treść → zdjęcie prawe. Obrazy nie są sztucznie kadrowane — źródło używa width: 100% i height: auto, więc zachowują własne proporcje.

• Sprawdź, czy oba bloki tekstowe nie są zbyt długie względem grafik.
• Przełącz podgląd na Mobile i zweryfikuj kolejność elementów oraz odstępy.
• Sprawdź zaokrąglenia każdego narożnika obu zdjęć.
• Uzupełnij sensowne teksty ALT dla używanych grafik.
• Jeżeli prawe zdjęcie nie jest potrzebne, pozostaw je puste — prawa treść nadal będzie działać.