Obsługa wielokolorowych naklejek produktów - instrukcja do szablonu «inCart»
Wiele osób prawdopodobnie zauważyło, że w szablonie "inCart" wystarczy napisać tekst, aby zainstalować "własnych" naklejek. Zrobiliśmy to celowo z wielu powodów. Po pierwsze, tak jest łatwiej. Po drugie, własne naklejki często występują w tej formie podczas importowania i synchronizowania z różnymi systemami. I w przeciwieństwie do innych szablonów, w tym Domyślny, nie spowoduje to dla nas żadnych problemów.
Rozwiązanie problemu kolorowych etykiet produktów
Jest jednak pewna wada. Nie będzie można zainstalować wielokolorowych naklejek za pomocą standardowych narzędzi, zgodnie z zamierzeniami twórców Web Systems Pro. Można to jednak łatwo naprawić. Aby to zrobić, dodaj linię w css/user.css:
.cat-item__badge-item .badge { margin:-7px -10px -6px;padding:6px 10px;color:#000 }
Ładowanie user.css powinno być włączone w ustawieniach szablonu graficznego. Nie ma potrzeby resetowania zmian w tym pliku podczas aktualizacji. Nigdy!
Uwaga! Powyższe dotyczyło kolorowych wariantów naklejek, które oferuje sama aplikacja "Sklep". Jeśli wybierzesz opcję "Inne" w interfejsie ustawień naklejki, domyślnie w polu pojawi się wartościowy fragment kodu HTML.
Globalna zmiana stylów naklejek
Jeśli chcesz globalnie zmienić domyślne style, możesz napisać następujące kod w css/user.css:
.cat-item__badge-item {color:#000 !important;background-color:#417fb2 !important}
gdzie można określić kolory według własnych upodobań.
color - kolor tekstu,
background-color - kolor tła.
!important - obowiązkowy.