magento2

Tworzenie niestandardowej podstrony z własnym widokiem, kontrolerem i routingiem

Magento udostępnia możliwość tworzenia statycznych podstron z poziomu CMS’a, aczkolwiek może się zdarzyć, że będziemy potrzebowali dodać niestandardową stronę z własnym kontrolerem, blokiem i routingiem. Zakładam, że znasz sposób tworzenia modułów w Magento 2. Jeśli nie to przeczytaj najpierw artykuł: „TWORZENIE NOWEGO MODUŁU”. 1. MODUŁ Przygotuj pusty moduł Test_Example z poprzedniego rozdziału lub stwórz własny …

Tworzenie niestandardowej podstrony z własnym widokiem, kontrolerem i routingiemczytaj więcej »

sluggable

Zachowanie sluggable – automatyczne generowanie sluga

Slug występuje w adresie Url po nazwie domeny w formie pojedynczej frazy (np: /kontakt) lub kilku, oddzielonych znakiem myślnika „-” (np: /to-jest-przyklad-sluga). Separator można zmienić na inny, aczkolwiek Google preferuje taką postać. Ta forma linków nosi nazwę przyjaznych adresów Url (Friendly URL). Są one jednym z kluczowych czynników wpływających na pozycjonowanie stron internetowych w wyszukiwarkach. …

Zachowanie sluggable – automatyczne generowanie slugaczytaj więcej »

nadpisywanie widoków, szablonów

Nadpisywanie szablonów bundli

W Symfony 4 szablony aplikacji przechowujemy w katalogu templates/ (w katalogu głównym projektu). Nadpisywanie szablonów odbywa się poprzez skopiowanie struktury katalogów i podkatalogów (zasobów / widoków) danego bundla do nowej lokalizacji, czyli do katalogu templates/:

Dla przykładu nadpiszemy formularz logowania z pakietu FOSUserBUndle. Jak widać z rysunku poniżej, jest on dość ubogi, dlatego wzbogacimy …

Nadpisywanie szablonów bundliczytaj więcej »

fosuserbundle symfony4

FOSUserBundle

FOSUserBundle to pakiet służący do zarządzania użytkownikami i kontrolą ich uprawnień. Najczęściej wykorzystywany jest w CMS-ach (systemach zarządzania treścią). W skład pakietu wchodzą m.in.: logowanie, rejestracja, przypomnienie hasła, resetowanie hasła, dodawanie nowych użytkowników. Poniżej przedstawię krok po kroku, w jaki sposób zainstalować i skonfigurować (w Symfony 4) pakiet FOSUserBundle.   1. INSTALACJA PAKIETU FOSUserBundle

FOSUserBundleczytaj więcej »

VichUploaderBundle

VichUploaderBundle – upload plików i obrazów

W tym tutorialu pokażę w jaki sposób dodać do EasyAdmin (w Symfony 4) możliwość uploadowania plików graficznych na serwer. Wykorzystam do tego celu pakiet VichUploaderBundle. Przykłady zawarte w tym rozdziale są kontynuacją tematów: INSTALACJA SYMFONY 4 + EASYADMIN oraz (opcjonalnie) EASYADMIN I CKEDITOR. 1. Zaczniemy od utworzenia struktury katalogów: public/images/. Do tego folderu będą uploadowane …

VichUploaderBundle – upload plików i obrazówczytaj więcej »

ckeditor

EasyAdmin i CKEditor

CKEditor (ckeditor.com) to wizualny edytor, który pozwala na formatowanie treści strony za pomocą interfejsu przypominającego programy typu Microsoft Word. Na obrazku powyżej widać przykład takiego edytora osadzonego w panelu EasyAdmin (dla Symfony 4). Zadanie zaczniemy od pobrania bundla FOSCKEditorBundle:

Następnie zainstaluj CKEditor:

oraz Assetic:

Dzięki Assetic można np: łączyć pliki CSS i …

EasyAdmin i CKEditorczytaj więcej »

easyadmin

Instalacja Symfony 4 + EasyAdmin

1. Instalacja Symfony 4 Instalacja frameworka Symfony 4 jest stosunkowo prosta. Jeśli masz zainstalowanego klienta SSH (np: putty.org) to zaloguj się do swojego serwera a następnie uruchom z wiersza poleceń komendę:

gdzie myweb to nazwa katalogu, w którym zostanie zainstalowany framework. Jeśli nie masz zainstalowanego narzędzia composer (getcomposer.org/download) lub nie masz odpowiednich uprawnień, aby …

Instalacja Symfony 4 + EasyAdminczytaj więcej »

magento2

Tworzenie nowego modułu

W Magento 2 swoje moduły tworzymy w katalogu /app/code/. Budowę modułu można zacząć od utworzenia hierarchii katalogów wg wzoru: /app/code/nazwaPrzestrzeniNazw/ /app/code/nazwaPrzestrzeniNazw/nazwaModulu/ /app/code/nazwaPrzestrzeniNazw/nazwaModulu/etc/ Foldery nazwaPrzestrzeniNazw i nazwaModulu są wykorzystywane w klasach oraz plikach xml jako nazwy definiujące dany moduł i mają postać: nazwaPrzestrzeniNazw_nazwaModulu. Jak widać, nazwy katalogów i nazwa przestrzeni modułu muszą być identyczne. Przykład prostego …

Tworzenie nowego modułuczytaj więcej »

Scrollbar

Własny scrollbar i przewijanie zawartości diva

Za pomocą CSS można w prosty sposób dodać do elementu blokowego standardowy pasek przewijania tzw. scrollbar. Służy do tego parametr overflow. Przykład:

Dostępne atrybuty: overflow: scroll – suwak jest zawsze widoczny (na wierzchu), overflow: hidden – suwak jest ukryty, overflow: auto – suwak pojawia się automatycznie, overflow: visible – wartość domyślna. Aby dodać suwak …

Własny scrollbar i przewijanie zawartości divaczytaj więcej »

Wysuwany boczny panel menu

W tym poście pokażę jak zrobić na stronie wysuwany, boczny panel menu. Takie rozwiązanie bardzo dobrze sprawdza się na widokach mobilnych. Zapewne każdy z nas natknął się na coś takiego podczas wędrówki po kniejach sieci, choćby na tym blogu 🙂 Aby wykonać zadanie potrzebna będzie biblioteka jQuery.

W kodzie html (poniżej) osadzimy dwa przyciski: …

Wysuwany boczny panel menuczytaj więcej »