Sugerowane wymiary grafik na sklepie

Sugerowane wymiary oznaczają, że dla swojego komfortu możesz je dowolnie zmieniać i obserwować efekt. Eksperymentuj, tak aby wyróżnić swoje wdrożenie :)

0. Ile może ważyć taka grafika?

MAKSYMALNIE! 500kb i to absolutny przerost formy nad treścią. Piszę z capsem i wielkimi literami bo to niezwykle ważne, żeby nie zajechać sklepu dużymi grafikami na stronie głównej!

Rzuć okiem na https://squoosh.app/
Masz bezpłatne narzędzie, wrzuć tam grafikę, po prawej stronie balansuj suwakiem. Bez straty na jakości ustaw minimum 90%:

Jakie mam przygotować rozmiary grafik?

1. Moduł "Kategorie Obrazkowe"

Jeśli jesteś migrantem z Modern 3.0 w wersji RWD to moduł "Kategorii obrazkowych" przyjmie te same grafiki co wcześniej w związku z tym jest to 500x300px dla nowoczesnej wersji (ta najwyżej na screenie wyżej) oraz sugerowane 268 × 168px dla wersji klasycznej (ta niżej z szarym tłem).

Pamiętaj, że lepiej jest nie dawać napisów na grafikach, te stworzysz w konfiguracji. Jeśli zlecasz nam konfigurację szablonu (tu możesz poczytać o usłudze konfiguracji szablonu przez nas) to możesz nam przesłać gotowe grafiki + tekst + link lub tylko wymienić kategorie, resztą zajmiemy się sami.

Jeśli nie masz czasu na żmudne konfigurowanie całego szablonu moduł po module - zleć to nam! Kliknij tutaj.

Bonus:

No i teraz, po to piszę z gwiazdką, że to sugerowane wymiary, no bo umówmy się, tam powyżej wygląda to nieźle, ale jak wgrasz rozmiary 265x360 to efekt wizualny też jest ciekawy!

Tu akurat konfigurowaliśmy sklep dla klienta, zmieniłem rozmiary kafelków w module "Kategorii obrazkowych", te są w trybie nowoczesnym. Zduplikowałem moduł drugi raz, umieściłem go pod pierwszym , z drugiego modułu usunąłem tekst i śmiga!

2. Moduł "Slider główny otwierający"

Baner główny to największa zmiana względem szablonu Modern 3.0 RWD, ten przyjmie od Was rozmiar 1920 × 678 px na komputerze, ale za to klasyczne 600x800px na telefonie.

Pamiętaj! W sklepie masz dodane domyślnie dwa slajdery, jeden jest widoczny na komputerze, drugi osobno widoczny tylko na telefonie. Czytaj więcej tutaj jeśli nie kojarzysz tego tematu.

3. Moduł kategorii "Bento Grid"

Kafelek 1: 540x490px chociaż ja Ci sugeruje dodać tu produkt, tak jak przykładowa pergola
Kafelek 2: 840x230px
Kafelek 3: 410x230px
Kafelek 4: 410x230px
Kafelek 5: 980x230px
Kafelek 6: 410x230px

Dwa ostatnie kafelki możesz usunąć by mieć "krótszą" opcję. Cały moduł możesz oczywiście zduplikować i dodać raz na górze strony, a niżej z innymi treściami.

4. Moduł kategorii "Boxy do 6 kafelków"

Ten moduł przyjmie od Was sugerowany rozmiar 885px x 664.5px