1. Strona główna
  2. Pomoc
  3. Jak zmienić wygląd boxu produktowego

Jak zmienić wygląd boxu produktowego

Dostępne w planach:

W Kreatorze Najszybsza masz możliwość dostosowania wyglądu boxu produktowego do swoich indywidualnych potrzeb oraz charakteru oferty sklepu. Decydujesz sam, które elementy chcesz pokazać w pudełku produktowym oraz jak mają się one prezentować.

Przykłady Boxy produktowe

boxy produktowe zmiana wyglądu
boxy produktowe zmiana wyglądu<br>
boxy produktowe przykład
boxy produktowe przykład<br>

Edycja szablonu w naszym Kreatorze jest prosta, modyfikacje możesz wprowadzić samodzielnie, kiedy chcesz, bez opłat lub angażowania programistów.

Masz możliwość zmiany:

  • Zmiany wyglądu boxu produktu (ramki, kolor tła, cienia, marginesów)
  • Liczby produktów w rzędach
  • Zmiany wyglądu zdjęcia produktu (proporcje, ramki, kolor tła, cienia, marginesów)
  • Dodania lub usunięcia elementów tekstowych np. dodania krótkiego opisu
  • Formatowania elementów tekstowych (czcionki, koloru czcionki, wyrównania, marginesów)
  • Sortowania produktów na liście

Pamiętaj! Aby zachować spójność stylu sklepu zmień boxy produktowe we wszystkich listach produktów, jakie pokazujesz. Przejrzyj takie strony jak strona sklepu, strona kategorii, strona produktu, strona główna i dopasuj wygląd boxów do swoich preferencji.

Zmiana wyglądu boxu produktowego

Aby zmienić wygląd boxu produktowego na liście produktów zaznacz box i przejdź do jego ustawień w okienku inspektora. Zmiana w jednym boxie zostanie automatycznie zastosowana w innych boxach tej konkretnej listy.

zaznaczenie boxu produktowego
zaznaczenie boxu produktowego<br>

W ustawieniach boxu produktowego w zakładce "STYL"  możesz zmienić poniższe parametry:

  • kolor tła boxu
  • gradient
  • margines wewnętrzny
  • minimalną wysokość boxu
  • wyrównanie elementów w pionie
  • ramkę boxu
  • szerokość ramki
  • kolor ramki
  • cień boxu
ustawienia boxu produktowego
ustawienia boxu produktowego<br>

Zmiana sposobu wyświetlania zdjęcia produktu

Po kliknięciu w obraz produktu możesz zmienić jego ustawienia w inspektorze. W zakładce "Styl" możesz ustawić:

  • dopasowanie obrazu i jego proporcje np. kwadrat, portret, okładka.
  • styl obramowania zdjęcia produktu
  • kolor obramowania zdjęcia
  • margines wewnętrzny
  • kolor tła (widoczny jeżeli ustawisz margines wewnętrzny)
  • cień pod zdjęciem
  • margines górny i dolny
zmiana wyglądu obrazka w boxie produktowym
zmiana wyglądu obrazka w boxie produktowym<br>

Przykład 1. Pudełka z produktami

Poniższe boxy mają ustawiony margines wewnętrzny oraz tło dwukolorowe z gradientem. Obrazki mają ustawione proporcje 1:1

boxy produktowe tło dwukolorowe z gradientem
boxy produktowe tło dwukolorowe z gradientem<br>

Przykład 2. Pudełka z produktami

Poniższe pudełka mają ustawioną ramkę bez zaokrąglenia w kolorze bordo. Boxy nie mają marginesu wewnętrznego. Obrazki mają ustawione proporcje portretu 3:4

boxy produktowe przykład z ramką
boxy produktowe przykład z ramką<br>

Przykład 3. Pudełka z produktami

Poniższe pudełka nie mają ramki. Zdjęcia mają ustawione proporcje 1:1. Całość wygląda elegancko i minimalistycznie.

boxy produktowe minimalistyczne
boxy produktowe minimalistyczne<br>

Przykład 4. Pudełka z produktami

W tym przykładzie pudełka mają ustawione zaokrąglone ramki oraz tło w kremowym kolorze.

boxy produktowe kosmetyki
boxy produktowe kosmetyki<br>

Przykład 5. Boxy produktowe

W sklepie Agi Kacprzyk zdjęcia mają orientację poziomą. Dodatkowa ramka na zdjęciu została specjalnie przygotowana wcześniej w programie graficznym.

boxy produktowe kursy i książki
boxy produktowe kursy i książki<br>

Przykład 6. Boxy produktowe

Poniższe boxy mają białe tło z jasną ramką, które wyróżniają je na tle ciemniejszej sekcji.

boxy produktowe zabawki
boxy produktowe zabawki<br>
Ostatnia aktualizacja: 2024-07-16

Jak możemy Ci pomóc?

Zajrzyj do Centrum Pomocy ze wskazówkami jak zaprojektować i skonfigurować stronę.

Możesz zlecić nam stworzenie strony lub sklepu w atrakcyjnej cenie.

Skontaktuj się z nami. Zapewniamy profesjonalną i szybką pomoc techniczną.


© 2020-2025 Strona zbudowana i hostowana w Najszybsza.pl

Prywatność

Korzystając z naszej witryny zgadzasz się na stosowanie przez nas cookies. Używamy niezbędnych cookies oraz opcjonalnych.

Polityka prywatności