Css i Javascript z zaplecza moduł PrestaShop

EuroCSS – własny CSS i JavaScript w PrestaShop bez edycji plików szablonu

EuroCSS to moduł PrestaShop, który pozwala dodawać własny kod CSS i JavaScript bezpośrednio z panelu administracyjnego. Nie musisz za każdym razem korzystać z FTP ani ręcznie edytować plików motywu, aby wprowadzić własne zmiany w wyglądzie lub działaniu sklepu.

Moduł sprawdzi się zarówno przy drobnych poprawkach wyglądu sklepu, jak i podczas wdrażania własnych skryptów JavaScript. Kod możesz edytować z poziomu panelu PrestaShop i włączać lub wyłączać poszczególne funkcje bez ingerencji w pliki systemowe.

Własny CSS w PrestaShop

Dodaj własne style CSS bezpośrednio z poziomu panelu administracyjnego. EuroCSS pozwala szybko zmienić wygląd elementów sklepu bez konieczności modyfikowania plików motywu.

• dodawanie własnego kodu CSS,
• włączanie i wyłączanie własnych stylów,
• automatyczny zapis kodu do pliku front.css,
• możliwość szybkiego wprowadzania poprawek w wyglądzie sklepu.

JavaScript w PrestaShop – własne skrypty

Moduł umożliwia dodawanie własnego kodu JavaScript w różnych miejscach strony. Dzięki temu możesz rozszerzać funkcjonalność sklepu bez konieczności ręcznej edycji plików motywu.

• JavaScript w sekcji head — możliwość dodawania skryptów w nagłówku strony,
• JavaScript w body — wstawianie kodu po otwarciu elementu body,
• defer — możliwość odroczonego wykonywania skryptów,
• async — możliwość asynchronicznego ładowania skryptów,
• data-keep-inline — obsługa skryptów pozostających w formie inline.

Dodawanie kodu bez FTP

Jedną z głównych zalet EuroCSS jest możliwość zarządzania własnym kodem bezpośrednio z back office PrestaShop. Nie musisz pobierać plików motywu, edytować ich lokalnie i ponownie przesyłać na serwer.

Jest to szczególnie wygodne przy częstych poprawkach wyglądu sklepu, testowaniu zmian oraz pracy nad własnymi rozwiązaniami dla PrestaShop.

Edytor kodu CodeMirror

EuroCSS wykorzystuje CodeMirror, dzięki czemu edycja CSS i JavaScript odbywa się w wygodnym edytorze z podświetlaniem składni.

• podświetlanie składni,
• dedykowany tryb dla CSS,
• dedykowany tryb dla JavaScript,
• motywy edytora Monokai i Material Design,
• automatyczne dopasowanie pola edycji do zawartości.

Kontrola ładowania JavaScript

Nie każdy skrypt musi być ładowany w taki sam sposób. EuroCSS pozwala określić sposób ładowania własnych skryptów JavaScript, dzięki czemu możesz lepiej dopasować ich działanie do potrzeb sklepu.

• ładowanie standardowe,
• defer dla skryptów, których wykonanie może zostać odroczone,
• async dla skryptów ładowanych niezależnie od pozostałych zasobów.

Prosta konfiguracja w panelu PrestaShop

Moduł został zaprojektowany tak, aby zarządzanie własnym kodem było możliwe bezpośrednio z poziomu konfiguracji PrestaShop. Poszczególne funkcje można włączać i wyłączać za pomocą przełączników.

• przejrzysty panel konfiguracji,
• oddzielne zarządzanie CSS i JavaScript,
• przełączniki aktywacji poszczególnych funkcji,
• tryb Live umożliwiający szybkie włączanie i wyłączanie modułu,
• obsługa wielu języków PrestaShop.

EuroCSS dla programistów, agencji i właścicieli sklepów

Moduł może być wykorzystywany zarówno przez właścicieli sklepów, którzy potrzebują wprowadzić drobną zmianę w wyglądzie, jak i przez programistów oraz agencje rozwijające sklepy PrestaShop.

• Właściciele sklepów — szybkie poprawki wyglądu bez dostępu do FTP.
• Programiści PrestaShop — wygodne miejsce do przechowywania własnego CSS i JavaScript.
• Agencje e-commerce — szybsze wdrażanie indywidualnych zmian w wielu sklepach.
• Freelancerzy — wygodne zarządzanie kodem podczas customizacji sklepu.

Multi-shop i integracja z PrestaShop

EuroCSS jest przeznaczony do pracy z PrestaShop i może być wykorzystywany również w środowiskach korzystających z funkcji Multi-shop. Kod jest integrowany ze stroną sklepu za pomocą standardowych mechanizmów PrestaShop.

Kompatybilność z PrestaShop

Moduł obsługuje szeroki zakres wersji PrestaShop, w tym starsze instalacje oraz nowsze wersje platformy. Mechanizm automatycznego wykrywania wersji pozwala dostosować sposób działania modułu do używanej wersji PrestaShop.

Najważniejsze zalety EuroCSS

• CSS i JavaScript w jednym module — zarządzaj własnym kodem z poziomu PrestaShop.
• Bez FTP — edytuj kod bezpośrednio w panelu administracyjnym.
• CodeMirror — wygodna edycja kodu z podświetlaniem składni.
• Kontrola JavaScript — obsługa head, body, defer i async.
• Szybkie włączanie i wyłączanie — kontroluj działanie własnego kodu bez usuwania go z konfiguracji.
• Elastyczność — rozwiązanie dla właścicieli sklepów, programistów i agencji.
• Multi-shop — możliwość wykorzystania w sklepach korzystających z wielu kontekstów.

Wymagania

EuroCSS wymaga instalacji PrestaShop z dostępem do panelu administracyjnego. Moduł korzysta ze standardowych mechanizmów platformy i nie wymaga ręcznej edycji plików motywu w celu dodania własnego CSS lub JavaScript.

Własny CSS i JavaScript w PrestaShop – wygodniejsze zarządzanie kodem

EuroCSS pozwala przenieść zarządzanie własnym kodem CSS i JavaScript do panelu administracyjnego PrestaShop. Zamiast każdorazowo ingerować w pliki motywu, możesz edytować kod w jednym miejscu, kontrolować jego aktywność i dostosować sposób ładowania skryptów do potrzeb sklepu.