Tryby kolumnowe
W DMSshop samodzielnie decydujesz o tym, jak sklep prezentuje się na różnych urządzeniach. Układ treści w ramach sekcji tworzony jest przy użyciu elastycznych trybów kolumnowych, które umożliwiają niezależne ustawienie wyglądu dla komputerów oraz urządzeń mobilnych.
Każda sekcja może posiadać:
Tryb desktopowy – określa wygląd i rozmieszczenie treści na ekranach komputerów stacjonarnych i laptopów.
Tryb mobilny – definiuje sposób wyświetlania wiersza na tabletach oraz smartfonach.
Dobre praktyki
- Wybieraj liczbę kolumn odpowiednią do ilości prezentowanych treści.
- Zachowuj jednakowe odstępy i proporcje pomiędzy kolumnami.
- W jednej sekcji nie umieszczaj zbyt wielu kolumn, aby nie pogorszyć czytelności.
- Sprawdzaj wygląd układu zarówno na komputerze, jak i urządzeniach mobilnych.
- Korzystaj z tych samych układów kolumnowych na podobnych podstronach, aby zachować spójność sklepu.
Wskazówka SEO
Najważniejsze treści umieszczaj w pierwszych kolumnach oraz stosuj odpowiednią hierarchię nagłówków. Przejrzysty układ ułatwia analizowanie zawartości przez wyszukiwarki.
Wskazówka UX
Dobierz liczbę kolumn do ilości prezentowanych informacji. Zbyt duża liczba elementów obok siebie może utrudniać czytanie, szczególnie na urządzeniach mobilnych.
W DMSshop możesz swobodnie budować układ stron sklepu, korzystając z gotowych trybów 1-, 2-, 3-, 4-, 6- oraz 12-kolumnowych. Przy wyborze układu system w czytelny sposób prezentuje specyfikację kolumn, dzięki czemu od razu widzisz ich podział i proporcje.
Elementy dodane w ramach jednego trybu kolumnowego są automatycznie wyświetlane obok siebie w jednym rzędzie. Jeśli kolejna sekcja korzysta z innego układu (np. 4-kolumnowego zamiast 3-kolumnowego), system samodzielnie tworzy nowy rząd i zachowuje pełną spójność układu.
Takie podejście pozwala łączyć różne schematy kolumn na jednej stronie – od prostych sekcji informacyjnych po rozbudowane układy produktowe. Wszystko bez kodowania, z pełną kontrolą nad strukturą, estetyką i czytelnością oferty.
Najczęstsze problemy
| Problem | Rozwiązanie |
|---|---|
| Treść w kolumnach jest nieczytelna. | Zmniejsz liczbę kolumn lub podziel zawartość na kilka oddzielnych wierszy. |
| Elementy nie mieszczą się w kolumnach. | Ogranicz ilość treści lub wybierz układ z większą szerokością kolumn. |
| Układ wygląda poprawnie na komputerze, ale nie na telefonie. | Sprawdź responsywność strony i zweryfikuj sposób wyświetlania kolumn na urządzeniach mobilnych. |
| Kolumny mają różną wysokość. | Zweryfikuj zawartość poszczególnych kolumn i w razie potrzeby dostosuj ilość umieszczonych w nich elementów. |
| Układ strony jest niespójny. | Stosuj te same tryby kolumnowe dla podobnych sekcji, aby zachować jednolity wygląd całego sklepu. |