Cześć!
Prosty poradnik na kolorowanie powiadomień, dzięki temu zostaną one posegregowane na kategorie jakie chcesz. Przykład poniżej.
Na początek dodajemy poniższy fragment kodu do dwóch szablonów od powiadomień.
data-lkNotify='{$notification['data']['title']}'
W tym celu przechodzimy do:
Style -> Edytuj HTML/CSS -> Szablony -> core -> front -> system -> notificationsAjax i notificationsRows
notificationsAjax - popup z powiadomieniami
Dodajemy powyższy fragment kodu w miejsce jak na poniższym zrzucie.
Gotowiec dla domyślnego szablonu:
notificationsRows - podstrona z powiadomieniami
Dodajemy ten sam fragment kodu w miejsce jak na poniższym zrzucie.
Gotowiec dla domyślnego szablonu:
Pozostało dodać kod CSS do szablonu. W tym celu przechodzimy do:
Style -> Edytuj HTML/CSS -> CSS -> core -> front -> custom -> custom.css
Dodajemy kolory według poniższego schematu:
[data-lkNotify*="zareagował na"],
[data-lkNotify*="reacted to a"] {
background-image: linear-gradient(to right, #ffeaea, transparent)!important;
}
[data-lkNotify*="wspomniał o tobie"],
[data-lkNotify*="mentioned you in a"] {
background-image: linear-gradient(to right, #eaffea, transparent)!important;
}
[data-lkNotify*="zacytował cię"],
[data-lkNotify*="quoted you in a"] {
background-image: linear-gradient(to right, #eaeaff, transparent)!important;
}
[data-lkNotify*="zaczął cię obserwować"],
[data-lkNotify*="is now following you"] {
background-image: linear-gradient(to right, #eaffff, transparent)!important;
}
Plusy
Posegregowane powiadomienia
Prosta implementacja
Minusy
Dodatkowe linijki kodu w CSS dla obsługi wielu języków.
I to tyle, koniec! Proste, prawda?
Poradnik na prawie CC by SA 4.0 creativecommons.org/licenses/by-sa/4.0/deed.pl