Instrukcja obsługi modułu: [im] Pasek nad nagłówkiem
- Maksymalna szerokość wewnętrzna modułu:
- Pole: 1580 px
- Opis: Określa maksymalną szerokość, jaką może zajmować moduł na stronie. Wartość podawana jest w pikselach.
- Czas przewijania slidera (w sekundach):
- Pole: 5 sek.
- Opis: Ustawia czas wyświetlania pojedynczego slajdu w sekundach w przypadku automatycznego przesuwania.
- Ustaw kolor tła:
- Pole: #020202 (czarny)
- Opis: Wybierz kolor tła dla modułu. Można wpisać kod koloru w formacie HEX lub użyć selektora kolorów.
- Wybierz kolor czcionki:
- Pole: #FFFDFD (biały)
- Opis: Wybierz kolor tekstu, który będzie widoczny na pasku. Również przyjmowany jest format HEX.
- Wielkość czcionki:
- Pole: 16 px
- Opis: Definiuje rozmiar tekstu w pasku nad nagłówkiem.
- Wysokość modułu:
- Pole: 40 px
- Opis: Ustaw wysokość całego modułu w pikselach.
- Lista elementów:
- Tutaj możesz zarządzać treściami (elementami) wyświetlanymi w pasku.
- Kliknij strzałkę „ROZWIŃ WSZYSTKIE”, aby zobaczyć zawartość wszystkich elementów.
- Kliknij ikonę koła zębatego przy poszczególnych elementach (Element nr 1, 2, 3), aby edytować ich zawartość.
- Kliknij przycisk „DODAJ”, aby utworzyć nowy element do wyświetlenia w pasku.
Przyciski dolne:
- ZAPISZ I OPUBLIKUJ: Zapisuje wprowadzone zmiany i publikuje moduł na stronie.
- ANULUJ: Porzuca wprowadzone zmiany i wraca do listy modułów.
Instrukcja obsługi modułu: [im] Social media – nagłówek
- Numer telefonu:
- Pole: Wpisz numer telefonu
- Opis: Wprowadź numer telefonu, który będzie wyświetlany w nagłówku. Możesz użyć formatu krajowego, np. +48 XXX XXX XXX.
- Adres e-mail:
- Pole: Podaj adres e-mail
- Opis: Wprowadź adres e-mail, który ma być dostępny dla użytkowników strony. Przykład: biuro@imodules.pl.
- Social media:
- Pole: Podaj link do Social mediów
- Opis: Wklej pełny link do Twojego profilu lub strony na Social Mediów.
Instrukcja obsługi modułu: [im] nowe menu v3
Ta sekcja służy do konfiguracji nowego menu w wersji 3.
- Nazwa modułu: Pozwala na nadanie nazwy temu konkretnemu modułowi menu w panelu administracyjnym ("[im] nowe menu v3 #1").
- USTAWIENIA OGÓLNE - SZEROKOŚCI:
- Maksymalna szerokość rozwijanego menu z kategoriami: Ustawia maksymalną szerokość (w pikselach) rozwijanego menu, gdy zawiera ono kategorie (aktualnie 1200 px).
- Maksymalna szerokość rozwijanego menu z produktami: Ustawia maksymalną szerokość (w pikselach) rozwijanego menu, gdy zawiera ono produkty (aktualnie 1450 px).
Instrukcje:
- Aby zmienić nazwę modułu: Wpisz nową nazwę w polu "Nazwa modułu".
- Aby zmienić maksymalną szerokość menu kategorii: Wpisz nową wartość w pikselach w polu "Maksymalna szerokość rozwijanego menu z kategoriami".
- Aby zmienić maksymalną szerokość menu produktów: Wpisz nową wartość w pikselach w polu "Maksymalna szerokość rozwijanego menu z produktami".
Aby zapisać wszystkie zmiany dokonane w różnych sekcjach modułu, musisz kliknąć przycisk "ZAPISZ I OPUBLIKUJ".
Część 1: PRZYPISANIE GRAFIKI DO KATEGORII
Ta sekcja służy do dodawania i zarządzania grafikami (zdjęciami) przypisanymi do poszczególnych kategorii.
- Lista elementów: Wyświetla listę aktualnie dodanych grafik (np. Zdjęcie 1, Zdjęcie 2, itd.).
- Rozwiń wszystkie: Kliknięcie tej opcji prawdopodobnie rozwinie szczegóły każdej pozycji na liście.
- Pojedynczy element (np. Zdjęcie 1):
- Kliknięcie w nazwę (np. "Zdjęcie 1") prawdopodobnie pozwoli na edycję szczegółów tej grafiki (np. przypisanie do kategorii, zmiana obrazu).
- Ikona zębatki po prawej stronie prawdopodobnie otwiera dodatkowe opcje konfiguracji dla danej grafiki.
- DODAJ: Kliknięcie tego przycisku pozwoli na dodanie nowej grafiki do listy.
Instrukcje:
- Aby dodać nową grafikę: Kliknij przycisk "DODAJ". Zostaniesz poproszony o wybranie pliku graficznego i prawdopodobnie przypisanie go do konkretnej kategorii.
- Aby edytować istniejącą grafikę: Kliknij w nazwę grafiki na liście (np. "Zdjęcie 1") lub ikonę zębatki obok niej.
- Aby zobaczyć szczegóły wszystkich grafik: Kliknij "ROZWIŃ WSZYSTKIE".
Część 2: ZAKŁADKA - PRODUCENCI
Ta sekcja służy do zarządzania logo producentów (marek) wyświetlanych w module.
- Włącz - Wyłącz zakładkę: Zaznaczenie tego pola włącza lub wyłącza wyświetlanie sekcji producentów w module na stronie.
- Ilość logotypów w rzędzie: W tym polu możesz wpisać liczbę logotypów, które mają być wyświetlane w jednym rzędzie. Aktualnie ustawiono wartość "6".
- Lista elementów: Wyświetla listę dodanych logo producentów (np. Marka 1, Marka 2, itd.).
- Rozwiń wszystkie: Podobnie jak w sekcji grafiki, prawdopodobnie rozwinie szczegóły każdej pozycji na liście producentów.
- Pojedynczy element (np. Marka 1):
- Kliknięcie w nazwę (np. "Marka 1") prawdopodobnie pozwoli na edycję szczegółów logo (np. zmiana obrazu, link).
- Ikona zębatki po prawej stronie prawdopodobnie otwiera dodatkowe opcje konfiguracji dla danego logo.
Instrukcje:
- Aby włączyć/wyłączyć sekcję producentów: Zaznacz lub odznacz pole "Włącz - Wyłącz zakładkę".
- Aby zmienić ilość logo w rzędzie: Wpisz żądaną liczbę w polu "Ilość logotypów w rzędzie".
- Aby edytować istniejące logo producenta: Kliknij w nazwę marki na liście (np. "Marka 1") lub ikonę zębatki obok niej.
Przyciski dolne:
- ZAPISZ I OPUBLIKUJ: Zapisuje wprowadzone zmiany i publikuje je na stronie.
- ANULUJ: Anuluje wprowadzone zmiany.
[im] Dwie kolumny treść i grafika
- Nazwa modułu: Pozwala na nadanie nazwy temu konkretnemu modułowi w panelu administracyjnym ("[im] Dwie kolumny treść i grafika #1").
MODUŁ LEWY - TYTUŁ ORAZ TREŚĆ
Ta sekcja konfiguruje lewą kolumnę modułu.
- Zdjęcie:
- Wyświetla aktualnie dodane zdjęcie.
- Edytuj: Przycisk umożliwiający zmianę aktualnego zdjęcia.
- Nazwa pliku i wymiary zdjęcia ("d-008...k.webp (720x584px)").
- Usuń: Ikona kosza umożliwiająca usunięcie aktualnego zdjęcia.
- Maks. szerokość obrazka: Pozwala na ustawienie maksymalnej szerokości wyświetlanego obrazka w pikselach (aktualnie 720 px).
- Wybierz kolor ramki z palety: Pozwala na wybranie koloru ramki dla obrazka (aktualnie czerwony, kod koloru #C62424). Kliknięcie na kolorowy kwadrat prawdopodobnie otworzy paletę kolorów.
- Wprowadź treść do modułu:
- EDYTUJ TREŚĆ: Przycisk otwierający edytor tekstu (WYSIWYG) do wprowadzenia treści, która pojawi się obok obrazka w lewej kolumnie. Ikony sugerują możliwość dodania tekstu, obrazu, wideo itp.
MODUŁ PRAWY - TYTUŁ ORAZ TREŚĆ
Ta sekcja konfiguruje prawą kolumnę modułu.
- Zdjęcie:
- Wyświetla aktualnie dodane zdjęcie.
- Edytuj: Przycisk umożliwiający zmianę aktualnego zdjęcia w prawej kolumnie.
(Podobnie jak w module lewym, prawdopodobnie istnieją opcje do ustawienia maksymalnej szerokości obrazka i koloru ramki dla prawej kolumny)
Przyciski dolne:
- ZAPISZ I OPUBLIKUJ: Zapisuje wprowadzone zmiany i publikuje je na stronie.
- ANULUJ: Anuluje wprowadzone zmiany.
[im] Moduł informacyjny - parallax
- Nazwa modułu: Pozwala na nadanie nazwy temu konkretnemu modułowi w panelu administracyjnym ("[im] Moduł informacyjny - parallax #1").
ZDJĘCIE DO TŁA
Ta sekcja służy do ustawienia obrazu tła dla modułu z efektem paralaksy.
- Zdjęcie:
- Wyświetla aktualnie ustawione zdjęcie tła.
- Edytuj: Przycisk umożliwiający zmianę aktualnego zdjęcia tła.
- Nazwa pliku i wymiary zdjęcia ("007-w...k.webp (2400x1564px)").
- Usuń: Ikona kosza umożliwiająca usunięcie aktualnego zdjęcia tła.
- Maks. szerokość obrazka: Pozwala na ustawienie maksymalnej szerokości wyświetlanego obrazka tła w pikselach (aktualnie 2400 px).
TYTUŁ ORAZ TREŚĆ
Ta sekcja służy do konfiguracji tytułu i treści wyświetlanej na tle z efektem paralaksy.
- Podaj szerokość sekcji: Określa szerokość całej sekcji modułu w pikselach (aktualnie 2400 px). Zalecane jest wprowadzenie wartości takiej samej jak w polu "Maks. szerokość obrazka".
- Podaj wysokość sekcji: Określa wysokość sekcji modułu w pikselach (aktualnie 500 px). Rekomendowana wartość nie większa niż 700px.
- Tytuł oraz treść:
- EDYTUJ TREŚĆ: Przycisk otwierający edytor tekstu (WYSIWYG) do wprowadzenia tytułu i treści, które będą wyświetlane na tle z efektem paralaksy.
Przyciski dolne:
- ZAPISZ I OPUBLIKUJ: Zapisuje wprowadzone zmiany i publikuje je na stronie.
- ANULUJ: Anuluje wprowadzone zmiany.
[im] Zalety
- Nazwa modułu: Pozwala na nadanie nazwy temu konkretnemu modułowi w panelu administracyjnym ("[im] Zalety #1").
USTAWIENIE ZALET
Ta sekcja pozwala na globalną konfigurację wyglądu listy zalet.
- Minimalny odstęp między zaletami: Określa minimalną przestrzeń (w pikselach) między poszczególnymi elementami zalet (aktualnie 40 px).
- Margines górny: Określa górny margines (w pikselach) dla całej listy zalet (aktualnie 110 px).
- Margines dolny: Określa dolny margines (w pikselach) dla całej listy zalet (aktualnie 80 px).
- Maksymalna szerokość zalety: Określa maksymalną szerokość (w pikselach) pojedynczego elementu zalety (aktualnie 260 px).
- Wielkość czcionki tytułu: Określa rozmiar czcionki tytułu zalety w pikselach (aktualnie 20 px).
- Kolor czcionki w tytule: Pozwala na wybranie koloru czcionki tytułu (aktualnie czarny). Kliknięcie na kolorowy kwadrat prawdopodobnie otworzy paletę kolorów.
- Wielkość czcionki opisu: Określa rozmiar czcionki opisu zalety w pikselach (aktualnie 16 px).
- Kolor czcionki opisu: Pozwala na wybranie koloru czcionki opisu (aktualnie ciemnoszary, kod koloru #202020). Kliknięcie na kolorowy kwadrat prawdopodobnie otworzy paletę kolorów.
LISTA ZALET
Ta sekcja wyświetla listę dodanych zalet i umożliwia ich zarządzanie.
- Lista dodanych zalet: Wyświetla listę aktualnie dodanych zalet (np. "Zaleta nr 1").
- Rozwiń wszystkie: Kliknięcie tej opcji prawdopodobnie rozwinie szczegóły każdej zalety na liście.
- Pojedyncza zaleta (np. Zaleta nr 1):
- Kliknięcie w nazwę ("Zaleta nr 1") prawdopodobnie pozwoli na edycję szczegółów tej zalety (np. tytuł, opis, ikona).
- Ikona zębatki po prawej stronie prawdopodobnie otwiera dodatkowe opcje konfiguracji dla danej zalety (np. zmiana kolejności, usunięcie).
(Na tym ekranie nie widać przycisku "DODAJ" nową zaletę, ale znajduje się poniżej listy)
Na podstawie przesłanego obrazu, moduł ten służy do wyświetlania danych kontaktowych w stopce strony.
[im] Dane kontaktowe - stopka
- Nazwa modułu: Pozwala na nadanie nazwy temu konkretnemu modułowi w panelu administracyjnym ("[im] Dane kontaktowe - stopka #1").
LOGOTYP
Ta sekcja służy do dodania i konfiguracji logotypu wyświetlanego w stopce.
- Zdjęcie:
- Wyświetla aktualnie dodany logotyp.
- Edytuj: Przycisk umożliwiający zmianę aktualnego logotypu.
- Nazwa pliku i wymiary logotypu ("logo.png (152x68px)").
- Usuń: Ikona kosza umożliwiająca usunięcie aktualnego logotypu.
- Maks. szerokość obrazka: Pozwala na ustawienie maksymalnej szerokości wyświetlanego logotypu w pikselach (aktualnie 152 px).
TYTUŁ ORAZ TREŚĆ
Ta sekcja służy do ustawienia tytułu sekcji danych kontaktowych oraz samej treści z danymi firmy.
- Tytuł: Pole tekstowe do wprowadzenia tytułu sekcji (aktualnie "DANE KONTAKTOWE").
- Wprowadź dane firmy:
- EDYTUJ TREŚĆ: Przycisk otwierający edytor tekstu (WYSIWYG) do wprowadzenia danych kontaktowych firmy (np. adres, telefon, email).
WIDOCZNOŚĆ NA URZĄDZENIACH
Ta sekcja pozwala na określenie, na jakich typach urządzeń moduł ma być widoczny.
- Wyświetl moduł na urządzeniach:
- Telefon: Zaznaczone, więc moduł będzie widoczny na telefonach.
- Tablet: Zaznaczone, więc moduł będzie widoczny na tabletach.
- Laptop: Zaznaczone, więc moduł będzie widoczny na laptopach.
- Odznaczenie którejkolwiek z tych opcji spowoduje ukrycie modułu na danym typie urządzenia.
Przyciski dolne:
- ZAPISZ I OPUBLIKUJ: Zapisuje wprowadzone zmiany i publikuje je na stronie.
- ANULUJ: Anuluje wprowadzone zmiany.
[im] Zamów do X a wyślemy jeszcze dzisiaj
- Nazwa modułu: Pozwala na nadanie nazwy temu konkretnemu modułowi w panelu administracyjnym ("[im] Zamów do X a wyślemy jeszcze dzisiaj").
USTAWIENIA TREŚCI
Ta sekcja służy do konfiguracji tekstów informacyjnych wyświetlanych w module.
- Informacja nr 1: Tekst wyświetlany jako pierwsza informacja (aktualnie "Zamów w ciągu").
- Informacja nr 2: Tekst wyświetlany jako druga informacja (aktualnie "a przesyłkę wyślemy jeszcze dziś!").
- Informacja nr 3: Tekst informujący o czasie wysyłki na następny dzień roboczy (aktualnie "Paczka zostanie wysłana w najbliższy dzień roboczy").
- Wyśrodkuj treść: Pole wyboru. Zaznaczenie tej opcji prawdopodobnie wyśrodkuje tekst w module.
GODZINY WYSYŁEK
Ta sekcja służy do ustawienia granicznych godzin, do których zamówienia złożone danego dnia zostaną wysłane tego samego dnia.
Dla każdego dnia tygodnia (Poniedziałek - Niedziela) znajduje się pole "do:", w którym należy wpisać godzinę graniczną (w formacie 24-godzinnym).
- Poniedziałek do: 14
- Wtorek do: 14
- Środa do: 14
- Czwartek do: 14
- Piątek do: 14
- Sobota do: 14
MARGINESY
Ta sekcja służy do ustawienia wewnętrznych i zewnętrznych marginesów modułu.
- Padding (Wewnętrzny margines):
- Góra: Wewnętrzny margines od góry (aktualnie 10 px).
- Dół: Wewnętrzny margines od dołu (aktualnie 10 px).
- Pozostało (Lewy): Wewnętrzny margines z lewej strony (aktualnie 20 px).
- Right (Prawy): Wewnętrzny margines z prawej strony (aktualnie 20 px).
- Ikona kłódki obok "Góra & Dół" oraz "Pozostało & Right" prawdopodobnie łączy wartości, co oznacza, że zmiana jednej wartości automatycznie zmieni drugą.
- Margines nad modułem: Zewnętrzny margines od góry modułu (aktualnie 2 px).
TŁO, OBRAMOWANIE, CZCIONKI
Ta sekcja służy do konfiguracji wyglądu tła, obramowania i czcionek modułu.
- Kolor tła modułu: Pozwala na wybranie koloru tła modułu (aktualnie biały, kod koloru #FAFAFA). Kliknięcie na kolorowy kwadrat prawdopodobnie otworzy paletę kolorów.
- Grubość obramowania: Określa grubość obramowania modułu w pikselach (aktualnie 1 px).
- Kolor obramowania: Pozwala na wybranie koloru obramowania modułu (aktualnie jasnoszary, kod koloru #FAFAFA). Kliknięcie na kolorowy kwadrat prawdopodobnie otworzy paletę kolorów.
- Zaokrąglenie: Określa stopień zaokrąglenia rogów modułu w pikselach (aktualnie 5 px).
- Kolor czcionki: Pozwala na wybranie koloru czcionki tekstu w module (aktualnie czarny, kod koloru #000000). Kliknięcie na kolorowy kwadrat prawdopodobnie otworzy paletę kolorów.
- Wielkość czcionki: Określa rozmiar czcionki tekstu w pikselach (aktualnie 16 px).
Aby dostosować wygląd i działanie modułów do Twoich indywidualnych potrzeb, w tym zmienić inne elementy niewymienione w tej instrukcji, napisz do nas maila na szablony@imodules.pl
