Adrian Zblewski · Founder GrowCommerce · Platynowy Partner ShoperCześć!
Po ostatniej aktualizacji "wysypała" się galeria dla części sklepów, które same edytowały wcześniej szablon.
W związku z tym, żeby naprawić wygląd galerii pod głównym zdjęciem produktu, wystarczy w pliku User.css dodać poniższe linijki.
.smallgallery li {
width: auto;
}
#box_productfull .productimg .mainimg img{
max-height: 100%;
width: auto;
}
Widok przed:
Po wklejeniu kodu:
Jest to szybka łatka na zasadzie "quick fix", która nie zepsuje Twojego szablonu, bez znaczenia którego obecnie używasz. Powinno być uniwersalne i nie rozjechać absolutnie żadnego wyglądu graficznego.
Jeśli dotarłeś/aś do tego momentu, gratulujemy własnoręcznej naprawy!
Na tym poziomie możemy jedynie zaproponować gamę innych ciekawych rozwiązań.
W tym przypadku wyświetlanie mini galerii pod zdjęciem oraz jakość "miniaturek" to te elementy, które bym poprawił.
Jeśli po wklejeniu kodu masz inne błędy wyświetlania, podrzuć nam zrzut ekranu i link do sklepu - spróbujemy pomóc :)
Szczegóły opisujemy w tekście „Nowe ciasteczka na Shoperze”.
Jak wkleić kod krok po kroku
Łatkę dodajesz w pliku user.css aktywnego szablonu. Jeśli Twój szablon to styl uniwersalny, najpierw zrób jego kopię — Shoper nie pozwala edytować szablonów fabrycznych, o czym piszemy w tekście zanim zaczniesz modyfikować szablon. Od podstaw opisujemy to w przewodniku „Najlepsze szablony Shoper Storefront 2026”.
Kod wklej na samym końcu pliku, za ostatnią regułą. Dzięki temu nadpisze wcześniejsze style galerii, a w razie problemu łatwo go znajdziesz i usuniesz. Więcej na ten temat: „Edycja szablonu w dużym edytorze”.
Kiedy łatka nie wystarczy
Jeśli po zapisie nic się nie zmieniło, najczęściej winna jest pamięć podręczna przeglądarki — odśwież stronę skrótem Ctrl+F5 albo otwórz ją w oknie incognito. Gdy zmiana działa tylko częściowo, inna, wcześniejsza reguła może mieć wyższy priorytet. W narzędziach przeglądarki (F12 → Zbadaj) zobaczysz, które style są przekreślone i co je nadpisuje.
Lepsza galeria to także lepsze zdjęcia
Nawet poprawiony kod nie pomoże, jeśli zdjęcia mają różne proporcje — miniatury będą miały różną wysokość, a galeria będzie „skakać”. Przygotuj zdjęcia w jednym formacie (np. kwadrat lub 4:5), w rozdzielczości wystarczającej do powiększenia i z rozsądną wagą pliku. Więcej o tym w poradniku o zdjęciach produktów w sklepie Shoper. Zobacz też poradnik „Case study - Wdrożenie i dostosowanie Modern 3.0 dla Roastains.com”.
Przeczytaj też
Adrian ZblewskiFounder GrowCommerce — Platynowy Partner ShoperFounder GrowCommerce — Platynowego Partnera Shoper z 8-letnim doświadczeniem i ponad 1020 wdrożeniami. GrowCommerce tworzy szablony rodziny Modern (Modern 3.0 Storefront), aplikacje GrowX i GrowMail — e-mail marketing dla Shopera.Wszystkie wpisy autora
