Najlepsze rozwiązania do sprzedaży w internecie
Blog
IAI

Samodzielna edycja CSS, grafik i tekstów w szablonach sklepów

Po 4 latach prac i premierze na IAI-Day 2011, wprowadzona została rewolucyjna funkcja umożliwiająca pełną edycję szablonu sklepu przez klientów. Projektując tę funkcję nie chcieliśmy się ograniczyć jedynie do funkcji pozwalającej na edycję kolorów lub grafik belek. Chcieliśmy stworzyć w pełni funkcjonalne narzędzie, umożliwiające taki sam zakres prac jaki wykonują opiekunowie szablonów sklepów. Dodatkowo cały proces musiał być bezpieczny. Przez bezpieczeństwo rozumiemy również to, że zmiany wprowadzone przez klientów, muszą być uwzględniane podczas kolejnych prac nad szablonami, wykonywanymi przez zawodowców z IAI, wykonujących do tej pory wszystkie zmiany w szablonach sklepów.

Aby proces był bezpieczny i pozwalał na samodzielne eksperymentowanie, został w pierwszej kolejności zbudowany system wielopoziomowego systemu kontroli wersji. Dzięki niemu, klient może stworzyć swoją kopię roboczą szablonu (stworzyć wersję do edycji). Taki szablon może być edytowany i podglądany. W momencie, w którym klient uzna, że szablon nadaje się do publikacji, wystarczy go opublikować. Po opublikowaniu, szablon jest również przesyłany do systemu, na którym pracują opiekunowie szablonów sklepów, którzy widzą zmiany u siebie. Szablonowi również nadawany jest zatem numer stylu. Każdy szablon jest zatem w chwili obecnej oznaczony przez trzy numery: [numer_template]-[numer stylu] r. [numer rewizji]. Szablony, w których stwierdzony został problem, mogą być odwołane poprzez wskazanie do publikacji innego szablonu (poprzez moduł zmiany szablonu, a nawet usunięte.)

Zadbaliśmy o możliwie wygodny interfejs. Dlatego podczas edycji szablonu dostępne są 2 tryby. W trybie "Włącz edycję" kliknięcie na dowolny element otwiera okienko edycji, pozwalające na zmianę CSS, grafiki i tekstów powiązanych elementów. W trybie "wyłącz edycję" można normalnie nawigować po całym sklepie odwiedzając kolejne zmiany. Zmiana na jednej podstronie np. listy towarów, będzie widoczna na innej liście towarów. Interfejs edycji działa na zasadzie podobnej do popularnego dodatku do edycji stron - Firebug. Wybierając jedno z powiązanych pól, na stronie element podświetla się, ułatwiając jego identyfikację. Zmiany wprowadzane w oknie edycji widoczne są na żywo na stronie.

IdoSell jako pierwszy zbudował tak zaawansowany system włączający klientów w proces współredagowania szablonów. Od dzisiaj, wprowadzenie okresowej zmiany polegającej np. na świątecznej zmianie kolorów nie wymaga w ogóle udziału opiekunów szablonów sklepów, których rola będzie teraz sprowadzona do programowania nowych funkcji i zmiany budowy sklepu. Możliwość edycji dotyczy wszystkich szablonów, zarówno tych standardowych jak i indywidualnie tworzonych. Klient może zatem przygotować projekt, opiekun szablonu może go zakodować, a szczegółowe zmiany w CSS, grafikach i tekstach może wprowadzić sam klient. Praktycznie możliwe jest uzyskanie szablonu BASIC bez płacenia za ten proces ani złotówki. Naturalnie nadal możliwe jest angażowanie do wszystkich zmian opiekunów szablonów sklepów, wykonując operację tak jak dotychczas, czyli zlecając zmiany w komunikatach graficznych.

Premiera modułu odbyła się na IAI-Day 2011, gdzie został on szczegółowo omówiony. Zostały zaprezentowane również dalsze plany rozwoju narzędzia, które obejmują samodzielną aktualizację szablonów do najnowszych komponentów. Najstarsze szablony, podobnie jak miało to miejsce w przypadku samodzielnych tłumaczeń szablonów sklepów wymagają rekompilacji. Operację tą muszą przeprowadzić opiekunowie szablonów sklepów. Szablony tworzone od paru tygodni oraz szablony STANDARD, umożliwiają od razu przeprowadzanie samodzielnej edycji. W przyszłości planujemy m.in. rezygnację z narzędzia do edycji logo i topu (MODERACJA \ Wygląd elementów w sklepie \ Zarządzanie wyglądem elementów sklepu) przenosząc edycję do narzędzia edycji szablonu sklepu. W ten sposób wszystkimi grafikami szablonu będzie można zarządzać w zunifikowany sposób.

Aktualizacja 2011-05-19 11:30
Najstarsze szablony graficzne, korzystające z frameworka JavaScript Prototype nie będą poprawnie pracowały z nowym mechanizmem edycji. Konieczna jest przebudowa JavaScript i wymiana Prototype na jQuery. Zmiany wydłużą proces aktualizacji szablonu sklepu. Bez zmian, możliwe jest nadal rozwijanie szablonu przez opiekunów szablonów sklepów, ale samodzielna edycja nie będzie działała poprawnie.