Skąd brać ikony do szablonów i aplikacji Shoper? Sprawdzone serwisy dla sklepów

Darmowe ikony SVG do szablonów i aplikacji Shoper - sprawdzone źródła

Podczas pracy ze sklepem Shoper bardzo często pojawia się potrzeba użycia własnych ikon - w budowie Multi Menu czy innych standardowych elementach sklepu. Dotyczy to szczególnie sklepów korzystających z aplikacji i szablonów ShopGadget, które dają dużą swobodę w budowaniu własnego wyglądu.

Gdzie znajdę dobre ikony?

Poniżej znajdziesz listę sprawdzonych serwisów z darmowymi ikonami SVG, które dobrze sprawdzają się w sklepach Shoper.

Jak użyć ikon w modułach Multi Menu?

Najpierw wybierz zestaw ikon. Zalecamy wybrać jeden zastaw spośród naszych propozycji i wybrać z niego potrzebne ikony.

Proponowane przez nas zestawy ikon mają możliwość wariantowania ikon. Mogą one mieć grubsze lub cieńsze linie bądź być wypełnione lub nie. Decydując o wariancie pamiętaj że ikona o cieńszych, delikatniejszych liniach jest słabo widoczna w pomniejszeniu. Z tego powodu zalecamy aby w miejscach o małej powierzchni (poniżej 24x24px) stosować ikony o grubszej linii lub wypełnione dla zachowania dobrej widoczności. Ikony o cieńszych liniach sprawdzą się lepiej np. w Info ikonach gdzie te grafiki są bardziej eksponowane.

Jeżeli potrzebujesz tej samej ikony w kilku wariantach kolorystycznych to zalecamy zapisać je w osobnych plikach dodając w nazwach informację o kolorze, np.: bell_blcks.svg, bell_white.svg, bell_red.svg, itp. Kolor ikony należy dobrać do kolorystyki elementu w którym zamierzasz jej użyć. 

Samo dodanie ikony do modułu Multi Menu lub w innych miejscach jest już proste. Wystarczy przeciągnąć plik z dysku komputera do pola wyboru obrazu w Shoper Visual Editor (SVE) w ustawieniach danego modułu. 

A dlaczego w ogóle SVG?

Format SVG to wektorowy format obrazów którego zawartość nie jest opisana za pomocą pikseli. Zamiast tego plik zawiera wiele definicji matematycznych opisujących kształty wraz z informacjami dodatkowymi takimi jak np. kolory. Największą zaletą tego formatu jest to że może on być skalowany do dowolnych rozmiarów a jego waga się nie zmieni. Ta cecha czyni format SVG elastycznym i jednocześnie wydajnym co sprzyja optymalizacji strony sklepu.

Dodatkowym profitem używania tego formatu jest możliwość wpływania na zmianę jego koloru po np. wskazaniu go myszą. W tym celu należy jednak go osadzić we właściwy sposób. W systemie modułów Multi Menu moduły przyjmują tylko format SVG dzięki czemu po wskazaniu kursorem przycisku menu ikona dostosowuje się do koloru tekstu przycisku. Dzięki temu nie potrzebujesz ładować kolejnej grafiki dla stanu wskazania kursorem.

Jedyną "wadą" tego formatu jest to że nie nadaje się do użycia jako klasyczny baner np. w sliderze.

Podsumowanie

Darmowe ikony SVG to jeden z najszybszych sposobów na poprawę wyglądu sklepu Shoper bez angażowania grafika. Jest wydajny i prosty w obsłudze. Dzięki Shoper Visual Editor oraz aplikacjom i szablonom ShopGadget możesz łatwo dodać własne ikony i dopasować je do stylistyki sklepu.