Chcesz poznać najważniejsze etapy przygotowania szablonu oraz kluczowe kroki, które trzeba podjąć przed rozpoczęciem pracy? Odpowiem na pytanie, jak sprawdzić, w jakiej technologii został napisany szablon - bez znaczenia czy jest to XSLT, Composer, czy może Smarty. Pokażę Ci, jak uzyskać dostęp do Composera i efektywnie z niego korzystać, oraz jak wyświetlić szablon w trybie podglądu. Przedstawię także kilka sprawdzonych praktyk korzystania z tego narzędzia.
Dzięki niniejszemu wpisowi dowiesz się, jak wyświetlić szablon w podglądzie zarówno w wersji komputerowej, jak i mobilnej w Twoim sklepie na platformie IdoSell.
Jeśli chcesz sprawdzić, w jakiej technologii został zapisany szablon, przejdź do panelu IdoSell, a następnie wybierz: Moderacja → Wygląd sklepu → Zarządzanie szablonami stron.
Z poziomu tego menu wyświetlą Ci się wszystkie szablony, które masz aktywne na Twoim sklepie lub w różnych językach. Mogą być one na przykład oparte o Composer, XSLT lub Smarty.
W zależności od technologii, w jakiej zapisany jest szablon, powinien wyświetlić Ci się odpowiedni napis.
Załóżmy, że Twój szablon jest oparty na technologii Composer. W takim razie przejdź do: Moderacja → Wygląd sklepu → Composer - budowanie własnych szablonów stron.
Po wejściu w tę sekcję zobaczysz stronę główną Composera, gdzie domyślnie znajdziesz się w menu Zarządzania szablonami. W tym miejscu znajdują się cztery główne zakładki:
Po lewej stronie menu znajduje się "Menadżer plików" - tutaj możesz przesłać pliki, które później wykorzystasz do tworzenia szablonu.
W menu zobaczysz również "Słownik tłumaczeń" - jeżeli masz wiele języków, możesz wybrać na przykład język angielski (dodatkowy sklep lub przygotowywany sklep w tej wersji językowej).
Załóżmy, że w opcji "Dodaj do koszyka" (możesz wyszukać tę frazę, wpisując ją w lupkę wyszukiwania) w polu Tłumaczenie nie widniało "Add to cart", tylko "Add to somewhere". Wystarczy wpisać. Wtedy zmieniony literał będzie wykorzystywany w Twoim szablonie.
Aby wprowadzone zmiany zostały wyświetlone, musisz wykonać aktualizację literałów albo wyświetlić szablon w podglądzie. Dopiero wtedy nowe tłumaczenia będą widoczne w Twoim sklepie.
Po lewej stronie w menu zobaczysz opcję "Komponenty", po jej rozwinięciu pokażą Ci się cztery zakładki:
Composer generalnie jest płatny. Dużo zależy od rodzaju abonamentu, który wybierzesz. Opłata za Composer Pro wynosi 0 zł dla abonamentów Enterprise oraz Individual.
Jeśli samodzielnie stworzyłeś szablon w Composerze, to będziesz musiał ponieść opłatę za cały okres korzystania z tego narzędzia.
Aby wyświetlić szablon w podglądzie, przejdź do jednego z szablonów roboczych. W tym celu w menu Composera wybierz: Zarządzaj szablonami → zakładka Robocze → Szczegóły, a następnie kliknij przycisk Podgląd znajdujący się w prawym górnym rogu.
Lepiej nie wyświetlaj podglądu zmian wyklikując kolejno: Zarządzaj szablonami → Robocze → Podgląd. Wtedy szablon wyświetli Ci się od razu z poziomu bezpośredniego "Podglądu". Jeśli masz wiele sklepów, w różnych językach lub działasz na domenie testowej, to lepiej wybierz "Podgląd" w: Zarządzaj szablonami → Robocze → Szczegóły.
Kiedy klikniesz w "Podgląd" zobaczysz szablon w trybie podglądu. W lewym górnym rogu wyświetli Ci się opcja zwinięcia lub rozwinięcia, informująca o tym. W tym miejscu możesz przejść do dokumentacji, zmiennych aktualnej strony lub wyjść z trybu podglądu.
Aby wyświetlić wybrany szablon w wersji mobilnej, musisz wejść na stronę swojego sklepu, a następnie kliknąć w prawy przycisk myszki i wybierać "Zbadaj" lub przycisk na klawiaturze F12. W lewym górnym rogu zauważysz ikonkę telefonu z laptopem. Jeżeli w nią klikniesz, to od razu zmieni się rozdzielczość wyświetlania strony na ekranie i będziesz mógł wybrać konkretne urządzenie, na przykład Pixel 7. Dzięki temu zobaczysz, jak wygląda strona na danym urządzeniu.
Kiedy otworzysz roboczy szablon, który jest w trakcie edycji, nie będziesz mógł go opublikować. Jeśli wejdziesz w: Szablony → Zarządzaj szablonami → Robocze, zobaczysz że opcja publikowania jest niedostępna.
Aby móc opublikować szablon, musi on być zamknięty. Jeśli klikniesz "Zakończ edycję" i opiszesz wprowadzone zmiany, nie będziesz mógł zamknąć szablonu, dopóki nie zostaną zamknięte wszystkie komponenty w wersji roboczej.
Porzucenie zmian spowoduje przywrócenie wersji szablonu sprzed edycji, dzięki czemu będziesz mógł go opublikować. Musisz jednak pamiętać, że w ten sposób utracisz wszystkie wykonane zmiany.
Podczas publikowania szablonu zwróć uwagę na niestandardowe style CSS. Musisz:
Jeśli nie masz aktualnie dodanych żadnych plików custom css, możesz bezpiecznie publikować szablon. Gdyby jednak jakieś pliki się pojawiły, musisz je skopiować, zapisać i dopiero opublikować szablon.
Ważne: Jeżeli opublikujesz szablon i wrócisz do custom CSS, to wszystkie informacje z pola custom CSS znikną. W związku z tym powinieneś wkleić, to co skopiowałeś i kliknąć "Zapisz zmiany".
Najważniejsze zasady, których powini4nes przestrzegać przy pracy na Composerze, to:
Dzięki temu artykułowi już wiesz, jak korzystać z Composera, a także umiesz sprawdzić, w jakiej technologii jest napisany szablon oraz jak wyświetlić go w podglądzie na wersji mobilnej i komputerowej. Dzięki tej wiedzy będziesz mógł efektywnie tworzyć i modyfikować szablony w swoim sklepie na IdoSell, unikając przy tym najczęstszych błędów.
