Kolor gradientowy w Storefront

Data publikacji: 12 sierpnia 2024 Ostatnia aktualizacja artykułu: 13 grudnia 2024

Kolejna nowość w Shoper Visual Editor pozwalająca na jeszcze większą personalizację twojego szablonu, to możliwość ustawienia gradientu koloru dla poszczególnych elementów szablonu twojego sklepu.

Czym jest kolor gradientowy?

Kolor gradientowy to kombinacja przynajmniej dwóch różnych odcieni koloru, które stopniowo przenikają przez siebie, dając efekt łagodnego przejścia z jednego koloru do drugiego.

Jak skorzystać z koloru gradientowego w Shoper Visual Editor?

Po uruchomieniu color pickera zobaczysz w górnej jego części 3 kwadraciki, odpowiadające trybom wypełniania kolorem.

  • Pierwszy kwadrat to wypełnienie jednolite
  • Drugi kwadrat to gradient liniowy
  • Trzeci kwadrat to gradient promieniowy

W przypadku wypełnienia liniowego możesz dodatkowo wybrać kąt, pod jakim kolory będą się przenikać.

Trzy tryby wypełniania kolorem: Jednolity, liniowy, promieniowy
Rys 1. Trzy tryby wypełniania kolorem: Jednolity, liniowy, promieniowy
Trzy tryby wypełniania kolorem: Jednolity, liniowy, promieniowy
Rys 1. Trzy tryby wypełniania kolorem: Jednolity, liniowy, promieniowy

Wybierając kolor gradientowy, standardowo określasz dwa skrajne kolory.

Możesz dodać kolejne punkty przejść kolorystycznych, ustalając odległości między poszczególnymi kolorami.

Możesz też w dowolnym momencie usunąć dany punkt kolorystyczny.

Kolor gradientowy - kolory kluczowe
Rys 2. Kolor gradientowy – wiele kolorów kluczowych
Kolor gradientowy - kolory kluczowe
Rys 2. Kolor gradientowy – wiele kolorów kluczowych

Poznaj wszystkie opcje dostępne w color pickerze. Narzędzie do wybierania koloru.

Warto zapamiętać!
W powyższym artykule zostało wyjaśnione:
  • Co to znaczy, że kolor jest gradientowy?
  • Jak ustawić gradient za pomocą color pickera w SVE?
Czy ten artykuł był pomocny?
Tak
Nie
Dziękujemy za odpowiedź!
Udostępnij artykuł:

Przetestuj sklep internetowy
przez 14 dni za darmo

Korzystaj ze wszystkich funkcji oprogramowania za darmo i bez zobowiązań.

Testuj wszystkie funkcje przez 14 dni bez zobowiązań. Zakładając sklep poprzez podanie
adresu e-mail akceptujesz nasz Regulamin i Politykę Prywatności