partner
Łukasz Dec
881 pkt
1 pytań
29 odpowiedzi
11 pomysłów
16 komentarzy
80 97%
23 pkt
Ten pomysł został zrealizowany

Tworzenie szablonów e-Sklep

Łukasz Dec napisał/a o
Comarch e-Sklep
Comarch e-Sklep pomysłów: 165 | odpowiedzi: 2852

Kamila KlamannJacek SałudaAdrian TobołaBarbara PitasGabriel GabzdylAnna MatuszakArtur EgerTomasz Tomkowiak

Comarch e-Sklep jest fantastycznym narzędziem od strony sprzedażowej, niestety integracja z ERP i kwestie prawno-techniczne to tylko jeden z aspektów które czynią sklep internetowy "fajnym" i poza wygodą sprzedającego równie istotny jest komfort klientów sklepów. Na ich wygodę wpływa przede wszystkim to co, dostają po wpisaniu adresu sklepu - design i użyteczność szablonu. To aspekt, który w przypadku sklepów Comarch niestety mocno kuleje. Zebrałem kilka kluczowych uwag i propozycji zmian, które mogłyby znacznie poprawić sytuację:


(1) Brak dokumentacji. W tej chwili de facto nie ma jej wcale, a bardzo by się przydała. PDF dot. modyfikacji szablonów zawiera bardzo podstawowe informacje i omawia w zasadzie wyłącznie kwestie poruszania się po części panelu administracyjnego dotyczącego stron i pluginów. Każda instancja pluginu wykorzystuje swoje własne tagi i zmienne, na temat których nigdzie nie ma żadnych informacji i wykorzystać je można dopiero po rozgryzaniu ich zastosowania metodą prób i błędów. Brakuje bazy wiedzy, jaką ma np. Magento, WooCommerce czy Shopify.

Sprawę utrudnia fakt, że praktycznie każdy z elementów generowanych przez funkcje <cdn_t> ma na sztywno ustawione css'owe klasy i ID. Przy nomen omen, dosyć sporej ich ilości i braku dokumentacji ciężko jest się połapać zgadując co autor miał na myśli tworząc nazwy ID typu #w45_c_t_t albo lakoniczne #i10. Każdy developer ma swój sposób nazywania elementów i pozwolenie im na to znacznie przyspieszyło by proces projektowania e-sklepów.


(2) Skomplikowany proces projektowania. Przykładowo, aby rozmieścić pluginy na stronie musimy najpierw poukładać je z poziomu Zarządzanie stronami / Pluginy / Strony metodą drag&drop, następnie z poziomu Zarządzanie stronami / Szablony / Strony zrobić jeszcze raz to samo, tylko że wykorzystując kod html i <cdn_t>, później z Poziomu Zarządzanie Stronami / Szablony / Pluginy edytować sposób wyświetlania poszczególnych elementów pluginu na stronie i znowu, z poziomu Zarządzanie stronami / Szablony / Strony edytować kod CSS. Każdą czynność musimy wykonać dla każdej strony sklepu i dla każdego pluginu osobno i w przynajmniej kilku różnych miejscach panelu administracyjnego. O wiele prościej byłoby, gdyby tagi <cdn_t> były funkcjami / zmiennymi globalnymi i można je było umieszczać bezpośrednio w kodzie html strony, w jednym miejscu, bez zbędnych drag&drop - choć to tylko jedna z możliwych rozwiązań.

Mam nadzieję, że nowy panel po wyjściu z bety chociaż częściowo rozwiąże ten problem ale fajnie byłoby z choćby minimalnym wyprzedzeniem wiedzieć, czego właściwie można się po nim spodziewać - w wersji beta w ogóle nie ma opcji edycji szablonów.


(3) Słaba optymalizacja kodu. Poza nazewnictwem klas i ID często jedynym sposobem ostylowania w css jakiegoś elementu jest wymuszenie odpowiednich zachowań przez dyrektywę !important, bo oprogramowanie e-sklepu ma ustawione własne style, których nie można edytować i trzeba je nadpisać żonglując priorytetami reguł CSS. Opcja odznaczenia checkboxa global.css w Zarządzanie stronami / Szablony / Konfiguracja nie rozwiązuje problemu i chyba w ogóle nie działa, bo nie ma to żadnego wpływu na kod strony, a to m. in. plik global.css jest źródłem sporej części konfliktów.

Niejednokrotnie też możliwości wpływania na to, co będzie wynikiem <cdn_t> są zbyt ograniczone. Przykładowo, chcąc zamienić informację "Twój koszyk jest pusty" na graficzną ikonkę koszyka, nawet na sklep.comarch.pl jest to załatwione poprzez… przeźroczysty kolor tekstu.

W rezultacie wynikowy kod html e-sklepu jest pełen niepotrzebnych elementów które przez mnóstwo *****1ów i obejść i tak nie wyświetlają się na stronie. Efekt jest taki, że strona waży kilkukrotnie więcej niż mogłaby ważyć, a to wpływa zarówno na czas ładowania, komfort użytkownika jak i to, jak stronę postrzegają wyszukiwarki.


(4) Zamknięte środowisko. Każdy developer z jakim pracowałem korzysta z własnych, sprawdzonych i ulubionych narzędzi do tworzenia kodu. Systemy konkurencyjne umożliwiają stworzenie praktycznie całego szablonu od A do Z w zewnętrznym, dowolnym edytorze kodu i ulopad gotowej paczki plików jednym kliknięciem. Szablon do Comarch e-Sklep można stworzyć wyłącznie poprzez panel administracyjny sklepu, wrzucając każdy plik osobno: pliki graficzne w jednym miejscu, pliki JS i CSS w innym i każdy element sklepu kodując i stylując w jeszcze innym a gotowy, wyeksportowany szablon jest plikiem XML nienadającym się do edycji.


Zdaję sobie sprawę, że na wczesnym etapie rozwoju produktu fajnie jest kontrolować wszystko "na swoim podwórku", żeby sprawniej wypuszczać kolejne iteracje. Ale wydaje mi się, że e-sklep jest już na tyle dojrzałym produktem, że czas najwyższy otworzyć go trochę na zewnętrznych developerów. W tej chwili przez skomplikowany i zamknięty proces stworzenie szablonu (autorskich pluginów nie można robić wcale) do e-sklepu zajmuje kilkukrotnie więcej czasu niż mogłoby zajmować, co przekłada się na brak ładnie wyglądających e-sklepów, trudność ze znalezieniem specjalistów i co za tym idzie - wysokie ceny porządnych szablonów wysokiej jakości. Cierpią więc na tym przede wszystkim klienci.

Odpowiedzi:

User Avatar
pracownik comarch
Sebastian Ozdoba
5 423 pkt
2 pytań
409 odpowiedzi
5 pomysłów
156 komentarzy
328 95%
2 pkt
 
Sebastian Ozdoba odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
5 lat temu

Co do większości punktów zgadzam się, zmiany są planowane i będą sukcesywnie wprowadzane, w nowym panelu administracyjnym, tworzenie szablonów będzie zorganizowane inaczej.

Natomiast środowisko z ograniczeniami daje nam dosyć dużą przewagę, gdyż każdy administrator e-sklepu może bez problemu zmigrować się na wyższą wersję. Jeśli damy możliwość całkowitej edycji utracimy możliwość automatycznych migracji na wyższe wersje.

Proszę pisać w tym wątku o wszystkich bolączkach w temacie szablonów i edycji szaty graficznej sklepu, będziemy je zbierali, analizowali i wdrażali w kolejnych wersjach.

Ta odpowiedź została skomentowana
User Avatar
klient
Daniel Kowalski
624 pkt
11 pytań
85 odpowiedzi
0 pomysłów
16 komentarzy
50 94%
2 pkt
 
Daniel Kowalski odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
4 lata temu

Witam serdecznie,

dołączę się do pomysłu kolegi Łukasza.

Dwa razy podchodziłem do modyfikacji wyglądu naszego e-sklepu, raz metodą prób i błędów, drugi za pomocą tego poradnika.

Dwa razy poległem.

Jak wspomnieli koledzy, przy próbie modyfikacji szablonu musimy dokonywać zmian w 3-4 lokalizacjach aby wszystko było ok.

Może uproszczę pytanie/pomysł:

- tak jak wygląd naszego e-sklepu budujemy z tzw. pluginów metodą drag&drop, tak pluginy można by budować w ten sam sposób z dostępnych tam informacji.


Chodzi o prosty edytor typu WYSIWYG w którym można by np. zmienić rodzaj/wielkość czcionki, zmienić pozycję wyświetlanych informacji ( cena, dostępna ilość, przycisk " Dodaj do koszyka " ) itp. a to wszystko w jednym maksymalnie dwóch miejscach bez zagłębiania się w kod HTML, CSS i to tam jeszcze.

Pozdrawiam

User Avatar
partner
Łukasz Dec
881 pkt
1 pytań
29 odpowiedzi
11 pomysłów
16 komentarzy
80 97%
oceń
 
Łukasz Dec odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
5 lat temu

Dziękuję za odpowiedź. Nie jestem jednak pewien czy zrozumiał Pan moją sugestię dotyczącą zamkniętego środowiska. Nie oczekuję, że pełne oprogramowanie e-Sklepu będę mógł pobrać i samodzielnie zainstalować, edytować, etc. Miałem na myśli umożliwienie edycji plików wyłącznie samego szablonu poza e-Sklepem. Gdyby export / import szablonów opierał się nie na pojedynczym pliku XML, a na paczce ZIP zawierającej na przykład pliki .tpl + css, js i obrazki, byłoby świetnie.

Ta odpowiedź została skomentowana
User Avatar
klient
MAREK
448 pkt
11 pytań
25 odpowiedzi
5 pomysłów
6 komentarzy
24 91%
1 pkt
 
MAREK odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
5 lat temu

Zgadzam się z ta wypowiedzią. Zgłaszałem to na Asyście już w lutym (iSKL24/69177). Wdrażałem już kolejny sklep poprzez szablon i ilość nieefektywnego przeklikiwania przez różne pozycje menu jest porażająca. Czekam na nowy panel z nadzieją, że się poprawi ergonomia.

Co do stylów i !imported, to przeciez w szablonie można wyłączyć korzystanie z global.css i opisać wszystkie pluginy przez własne style. Oczywiście zgadzam się, że nazwy klas powinny być do ustawienia z poziomu szablonu.

Co do "czystości" kodu, to pamiętajmy, że sklep jest zroiony w ASPX i z definicji nie jest tak czysto jak w PHP i ZEND (pod warunkiem, ze oczywiście ktoś "czysto" koduje) :)

User Avatar
pracownik comarch
Sebastian Ozdoba
5 423 pkt
2 pytań
409 odpowiedzi
5 pomysłów
156 komentarzy
328 95%
1 pkt
 
Sebastian Ozdoba odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
5 lat temu

Na początek proszę bez tego "Pana" :)
Rozumiem bolączki, w ramach prac nad nowym panelem administracyjnym będziemy pochylać się nad ergonomią tworzenia szablonów, nie ukrywam że teraz tworzenie nie jest tak wygodne jakby być mogło.

Cieszę się też, że jest zainteresowanie tym tematem, każda konstruktywna krytyka jest potrzebna by doprowadzić do takich zmian by wygodnie się w tym aspekcie pracowało.

pozdrawiam
Sebastian Ozdoba

User Avatar
klient
Krzysztof Michalik
3 728 pkt
0 pytań
247 odpowiedzi
21 pomysłów
154 komentarzy
155 94%
1 pkt
 
Krzysztof Michalik odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
5 lat temu

Panie Sebastianie chodzi o to żeby tworzenie szablonu było bardziej przejrzyste i łatwiejsze. Nie jest istotne jak to będzie rozwiazane byle pozwoliło na w miarę sensowną pracę. Szczególnie problemy w pkt 2 i 3 o których pisze Pan Łukasz powodują, że nieźle trzeba się nagimnastykować żeby uzyskać jakiś porządany efekt. Wygląd opracowywuje marketingowiec i grafik, oni zlecają to webmasterowi. Jeśli webmaster potrzebuje dnia lub dwóch na dopracowanie jakiegoś szczegółu to cały projekt się odciąga. Zmiana jednej drobnej rzeczy urasta czasem do problemu nie do obejścia. Wierzę, że uda się doprowadzić do tego aby użytkownik/administrator miał większe pole do popisu przy modyfikowaniu wyglądu a równocześnie nie stracimy plusów jakie daje ograniczone środowisko. Można będzie śmiało liczyć że przełoży się to wówczas na większe zainteresowanie Państwa produktem.

User Avatar
partner
Łukasz Dec
881 pkt
1 pytań
29 odpowiedzi
11 pomysłów
16 komentarzy
80 97%
2 pkt
 
Łukasz Dec odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
4 lata temu

Żeby nie zakładać osobnego wątku, dopisuję do już istniejącego jeszcze dwa, wydaje mi się istotne punkty.

(1) Wydaje mi się, że przydałby się też jakiś zgrabny mechanizm do testów A/B. W przypadku e-commerce to właściwie nieodzowne narzędzie dla każdego, komu zależy na poprawie konwersji i efektywności szablonu. UX nie da się zaplanować ze 100% trafnością, użytkownicy nawet najbardziej podstawowe założenia potrafią obrócić do góry nogami więc możliwość przetestowania i porównania kilku różnych rozwiązań na różnych grupach użytkowników w tym samym czasie była by zbawienna.

(2) Import / export pluginów, niezależnie od importu/exportu szablonów. W momencie, gdy w jednym sklepie mamy skonfigurowane i ostylowane w css pluginy, fajnie byłoby móc przenieść wybrane z nich do innego bez konieczności pełnego importu całego szablonu. Gdyby kod CSS można było przypisać nie tylko do stron, ale także do pluginów i eksportować dany fragment kodu do innych sklepów oszczędziłoby to sporo pracy przy stylowaniu szablonów i pomogło zachować porządek w arkuszach CSS.

W idealnej sytuacji fajnie byłoby, gdyby istniała możliwość tworzenia autorskich pluginów rozszerzających funkcjonalność e-Sklepu, lub chociaż wyłączenia skryptów JS w istniejących - w tej chwili choćby zmiana sposobu animowania najzwyklejszych bannerów to katorga a alternatywą jest w zasadzie wyłącznie dopisanie własnych bannerów bezpośrednio w html, co bywa uciążliwe przy ich aktualizowaniu.

Ta odpowiedź została skomentowana
User Avatar
partner
Kamila Klamann
2 083 pkt
15 pytań
188 odpowiedzi
27 pomysłów
22 komentarzy
179 95%
oceń
 
Kamila Klamann odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
4 lata temu

Nie wiem czy dobrze rozumiem ostatni opisany problem. Chodzi o możliwość stworzenia pluginu z banerem, menu, czy jakimkolwiek własnym elementem, który miał by się na stronach powtarzać i którego modyfikacja miała by się odbywać w jednym miejscu a nie na każdej wykorzystującej go stronie?

Ta odpowiedź została skomentowana
User Avatar
partner
Kamila Klamann
2 083 pkt
15 pytań
188 odpowiedzi
27 pomysłów
22 komentarzy
179 95%
1 pkt
 
Kamila Klamann odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
4 lata temu

Czyli tak jak pierwotnie myślałam, później przyszło mi do głowy, że jednak nie każdy może znać ten 'myk' na dodanie własnego pluginu żeby nie musieć w szablonach kopiować tego samego kodu dla każdej strony.

User Avatar
partner
Łukasz Dec
881 pkt
1 pytań
29 odpowiedzi
11 pomysłów
16 komentarzy
80 97%
oceń
 
Łukasz Dec odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
4 lata temu

Pani Kamilo, nie do końca chodzi mi o powtarzanie pluginu na różnych stronach w jednym e-sklepie, bo taka opcjateraz istnieje. Raczej miałem na myśli możliwość przeniesienia własnego pluginu, np. menu z własnymi stylami CSS i skryptami JS z jednego sklepu do drugiego, na podobnej zasadzie jak w tej chwili import szablonów.

User Avatar
pracownik comarch
Sebastian Ozdoba
5 423 pkt
2 pytań
409 odpowiedzi
5 pomysłów
156 komentarzy
328 95%
2 pkt
 
Sebastian Ozdoba odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
4 lata temu

Aktualnie zakończyliśmy proces produkcji wersji Comarch ERP e-Sklep 7.9, więcej informacji o wersji znajdziecie Państwo w panelu administracyjnym.

Jednym z wiodących tematów kolejnej wersji jest silnik szablonów graficznych.
Więcej informacji prześlę w terminie późniejszym ;)

User Avatar
pracownik comarch
Sebastian Ozdoba
5 423 pkt
2 pytań
409 odpowiedzi
5 pomysłów
156 komentarzy
328 95%
2 pkt
 
Sebastian Ozdoba odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
4 lata temu

Przesyłam pierwszy, skromny wycinek silnika, nad którym obecnie pracujemy.

Możliwości silnika:
1. kontrola nad sekcjami HEAD, BODY
2. kontrola nad CSS, Javascript
3. komentarze do kodu
4. zmienne, umożliwiające pobranie dowolnych informacji konfiguracyjnych
5. zmienne umożliwiające sprawdzenie czy jestem mobilny
6. możliwość przygotowania globalnego layoutu, umożliwiające dziedziczenie
7. umożliwienie tworzenia różnych szablonów per grupa towaru
8. przygotowanie mechanizmów do testów A/B
9. edycja w czasie rzeczywistym i z opcją view / publish

Efekt prac to:
- praktycznie nieograniczone możliwości edycji kodu źródłowego
- bezpieczeństwo tworzenia szablonów
- czysty HTML bez wodotrysków


Zachęcam do kontaktu z nami i dzielenia się opiniami / uwagami :)
W najbliższym czasie, początkiem kwietnia 2015 udostępnimy wersję BETA, szczegóły podam w kolejnym poście.


User Avatar
pracownik comarch
Sebastian Ozdoba
5 423 pkt
2 pytań
409 odpowiedzi
5 pomysłów
156 komentarzy
328 95%
1 pkt
 
Sebastian Ozdoba odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
4 lata temu

W dniu 14.04.2015 planujemy udostępnić Comarch ERP e-Sklep 2015.5 BETA. Zainteresowane osoby proszę o kontakt przez System Obsługi Zgłoszeń celem uzyskania dostępu.

Zasady i ograniczenia udostępnienia wersji:
1. wersja nie może być synchronizowana ze środowiskiem produkcyjnym
2. ograniczenie do 50 towarów w bazie danych
3. instalacja zostanie automatycznie usunięta z dniem 30.05.2015
4. funkcjonalności w wersji produkcyjnej mogą ulec zmianie
5. stworzone szablony w wersji BETA nie będą działać w wersji produkcyjnej, konieczne będzie ich dostosowanie


Pojawi się także ogólnodostępny sklep w wersji 2015.5 BETA, adres podam w kolejnym poście w tym wątku.


Ta odpowiedź została skomentowana
User Avatar
partner
Marcin Stach
0 pkt
0 pytań
2 odpowiedzi
0 pomysłów
1 komentarzy
0 0%
oceń
 
Marcin Stach odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
2 lata temu

Dzień dobry,

zastanawia mnie możliwość wykorzystania szablonów Shopify (oczywiście po zmianie struktury katalogów na takie jak w e-sklepie Comarchu). Istnieje dość bogata oferta płatnych i darmowych szablonów, które możnaby przerobić. Teoretycznie powinno być to możliwe - jak to wygląda z Państwa strony ? Czy istnieje coś w implementacji sklepu co by to uniemożliwiało?

Ta odpowiedź została skomentowana
User Avatar
pracownik comarch
Sebastian Ozdoba
5 423 pkt
2 pytań
409 odpowiedzi
5 pomysłów
156 komentarzy
328 95%
oceń
 
Sebastian Ozdoba odpowiedział/a
Comarch e-Sklep
Comarch e-Sklep pytań: 711 | odpowiedzi: 2852

Maciej ZientaraBeata Golmento-EnferSławomir ZiętarskiKrzysztof HoncekOlgierd SkolimowskiDominik KrawczykPiotr ToczyłłoJarosław Wróblewski
2 lata temu

Nie próbowaliśmy, aczkolwiek takie pomysły i nam chodziły po głowie :)
Silnik wykorzystywany u nas jest "portowany" właśnie z Shopify, może zatem się udać, oczywiście trzeba pamiętać że są rozbieżności.

Masz pytanie?

zadaj pytanie

Masz pomysł?

zgłoś pomysł