GC.CMS — karuzela i banery na stronie głównej
Wymagane rozdzielczości obrazów
- Tło desktop: 2560×597 px (wymagane)
- Tło mobile: 1500×1500 px (rekomendowane)
- Obrazek desktop: 1500×1500 px (opcjonalnie) — dobrze zachować margines 330 px przezroczystości, bo przy responsywności ekranów brzegi mogą być obcinane.
- Obrazek mobile: 600×600 px (opcjonalnie)
- Obrazek mobile: 900×600 px (opcjonalnie), np. aby zmniejszyć marginesy
Warning
Ze względu na szybkość ładowania strony akceptowanym formatem plików jest webp o maksymalnej wielkości 50 kB. Do kompresji obrazów możesz skorzystać z bezpłatnego narzędzia squoosh.app. Wymagane są co najmniej dwa obrazy tła — dla komputerów stacjonarnych i urządzeń mobilnych.
Gdzie edytować baner
Aby móc edytować baner, potrzebujesz od administratora swojej strony dostępu do CMS.
W tej zakładce możesz: (1) banery mogą być różne w zależności od wersji językowej, (2) utworzyć nowy baner, (3) edytować istniejący, (4) edytować cały kod JSON.
Dodawanie lub edycja baneru
Jako tło można zastosować obrazek w podanym rozmiarze, jednak przy różnych rozdzielczościach marginesy obrazka mogą być obcinane. Dlatego w poniższym menu można też wybrać, aby tło było w zdefiniowanym kolorze lub gradiencie, i dodać sam obrazek (prostokątny lub okrągły), który dostosuje swoją wielkość do rozdzielczości wyświetlania i pojawi się w prawej części baneru.
Możesz też zdefiniować na banerze przycisk, który przekieruje użytkownika w określone miejsce oferty Twojego sklepu.
Napisy na banerach można definiować w HTML. Poniżej kilka przykładów wielkości napisów, które dobrze skalują się na różnych urządzeniach:
<span class="big-title" style="color: black">Caption big letters</span>
<span class="normal-title" style="color: #ebb86c">Caption normal letters</span>
<span class="small-title" style="color: #ebb86c">Caption small letters</span>
Dodawanie obrazka
Edycja pliku JSON
Po zakończeniu edycji zapisz zmiany i odśwież cache.