od Podstaw
5 godz. 56 min · PHP · Full-stack i Programowanie
Patryk WaluśBackend DeveloperZanim przejdziemy do omawiania możliwości Magento, przedstawię Ci w jaki sposób skonfigurować środowisko developerskie oraz jak zainstalować nowy projekt. Omówimy też polecenia i narzędzia, które są przydatne podczas pracy developerów.
Rozpoczniemy od przedstawienia oraz omówienia funkcji poszczególnych katalogów, które znajdują się w projekcie. Po wstępie stworzymy swój pierwszy moduł oraz przedstawię podstawowe techniki wykorzystywane przez Magento do zarządzania konfiguracjami czy modułami.
Magento wykorzystuje bardzo popularny wzorzec MVC, który składa się z trzech elementów. Aby z łatwością rozumieć jak system obsługuje żądania HTTP najpierw przestawię ogólne działanie MVC, a następnie jak to działa w Magento.
Szczegółowe omówienie wzorca MVC rozpoczniemy od literki C czyli Controller'a. W tym rozdziale dowiesz się jak zarejestrować w systemie nową ścieżkę, jak pobierać parametry oraz w jaki sposób zwrócić rezultat odpowiedni dla danego przypadku.
Gdy już zarejestrujemy nową stronę, konieczne będzie zdefiniowanie jej wyglądu. Dlatego też, przedstawię Ci jak to zrobić oraz jakie możliwości Magento udostępnia do manipulacji układem stron. Omówię różnice między kontenerem, a blokiem oraz pokaże jak modyfikować tagi w sekcji.
Aby wcześniej dodana strona była funkcjonalna, konieczna jest jej integracja z bazą danych. Do tego celu stworzymy m.in. Model, za pomocą którego będziemy komunikować się z MySQL. Przedstawię Ci też dobre praktyki, które pozwalają na tworzenie kodu wysokiej jakości.
W ostatnim rozdziale omówimy konfigurację nowego motywu w Magento. Pozwoli Ci to zrozumieć jak tworzyć różne wersje wyglądu dla sklepów internetowych.
Ten kurs w szczególności przyda się osobom, które chcą poznać podstawy framework'a Magento 2. Przedstawione w nim fundamentalne informacje pomogą zrozumieć sposób działania systemu, a także w jaki sposób można dodawać czy rozszerzać swój projekt o nowe funkcjonalności.
Dzięki motywem mamy możliwość stworzenia
nowego wyglądu dla naszego sklepu internetowego tworząc nowe moduły dodajemy
pewne funkcjonalności w module znajduje się ogólne przygotowanie
danego modułu do wyświetlenia na sklepie internetowym.
Natomiast w folderze
w którym przechowywane są motywy możemy skonfigurować aby dana
funkcjonalność pasowała do ogólnego motywu sklepu internetowego.
Dzięki motywu możemy po pierwsze wszystkie
zmiany dotyczące wyglądu mieć w jednym miejscu w folderze UP.
Dodatkowo możemy ten motyw przenosić na inne projekty i też w sposób zmieniać w
konfiguracji w panelu administracyjnym a także instalować lub usuwać inne motywy.
W dokumentacji
znajduje się krok po kroku w jaki sposób możemy dodać swój własny motyw.
Zacznijmy od stworzenia nowego katalogu w miejscu Up the Front.
Następnie wskazujemy będą czyli będzie to i następnie nazwę naszego motywu.
Przejdźmy więc do edytora kodu i dodajemy odpowiednie foldery.
Przechodzimy do folderu Up Design następnie front i tutaj dodajemy folder.
łeb i następnie folder wstępu tak nazwiemy sobie nasz motyw.
Następnym krokiem będzie dodanie pliku XML.
W tym pliku definiujemy nazwę naszego
motywu oraz czy dziedziczy po jakimś innym motywem konfiguracje.
Przejdźmy do dokumentacji i znaliśmy
zawartość tego pliku w sekcji deklarując
możemy znaleźć zawartość pliku XML z kopiami i wchodzimy do naszego pliku XML.
Zacznijmy od omówienia pierwszego. Jest to tytuł.
Tytuł będzie wyświetlany w panelu
administracyjnym aby rozpoznać dany motyw nazwijmy go Web.
Następnie za pomocą tak aparat mamy możliwość określenia rodzica danego motywu
dzięki czemu dany motyw w tym przypadku Simple może dziedziczyć inną konfigurację
która została zdefiniowana w motyw rodzica.
Może to po zainstalowaniu mamy dostępne dwa motywy Madden to Black oraz to Lumia
Madden to Black jest to podstawowy motyw natomiast Madden to Lumia zostało
przygotowane do celów demonstracyjnej i my aktualnie też z niego korzystamy.
Dlatego też aby nie mieć pustego to naszym rodzicem będzie to Lumia.
Tak media możemy określić ścieżkę do zdjęcia dla danego motywu.
My nie potrzebujemy tego.
Możemy to usunąć.
Następnym kroku konieczne będzie dodanie pliku jak PHP tak samo jak moduł.
Konieczne jest zarejestrowanie motywu.
Dodajemy więc Register.
BHP i zawartość dokumentacji.
Dlatego też przejdźmy trochę niżej i
znajdziemy tutaj zawartość tego pliku kopiuj i wklej same.
I konieczne jest do zmiany jedynie w oraz nazwa motywu więc jest to łeb.
Adam jest to Simple front oznacza że jest to motyw dla strefy front.
Poddanie tych dwóch plików możemy przejść do panelu administracyjnego i
skonfigurować aby to korzystało z nowo danego motywu.
Przejdźmy więc do panelu administracyjnego.
Zachowujemy się i następnie wybierzmy
zmieni kontekst owego content a następnie konfigurację.
Następnie możemy zauważyć że jest to lista z dostępnymi Web Store oraz torfu.
Na razie nie będziemy tego omawiać.
Ważne jest to aby zwrócić uwagę na ostatnią kolumnę przed ostatnią kolumnę
dymnej w której skonfliktowany jest motyw może to.
Globalnie czyli dla pierwszego wiersza zmienimy aby to był wstępu.
Dlatego też wybieramy akcję Hadid.
I wcale nie możemy zmienić teraz aby motyw
który będzie globalnie to był to symbol napiszemy konfigurację.
Konfiguracja została pomyślnie zapisana.
Możemy zauważyć że w przedostatniej kolumnie znajduje się teraz motyw Simple.
Przejdźmy teraz do strony głównej.
ładowanie tej strony chwilę potrwa ponieważ z racji że dostaliśmy nowy motyw
konieczne będzie wygenerowanie przez to odpowiednich plików w folderze statek.
Jak się już to wszystko załatwię
przejdziemy do tego folderu i zobaczymy co tam się wydarzyło.
Poza ładowaniu strony głównej widzimy że motyw jest taki sam jak to Lumia
natomiast możemy zauważyć że na stronie głównej nie ma już banerów.
Jest to spowodowane tym że motyw Lumia miał przygotowane specjalne
bloki które z racji że zmieniliśmy motyw teraz nie są rejestrowane.
Przejdźmy teraz do edytora kodu do folderu PAP statek.
Następnie do folderu frontem i możemy
zauważyć że został dodany nowy folder Web Simple w którym teraz znajdują się
wszystkie wygenerowane pliki i to one są wykorzystywane przez sklep.
To udało nam się poprawnie skonfigurować motyw w następnych lekcjach pokaże w jaki
sposób możemy rozszerzać układ strony lub też całkowicie go wpisywać.