Bezpośrednio w aplikacji nie da się tego zrobić, ale wystarczy prosty kod CSS, który możesz dodać w
Wygląd i treści -> Wygląd sklepu -> Obecny szablon graficzny -> Własny styl CSS
Dostępne możliwości:
Ramka:
#customRelated .related-item.current { border-width: 1px; border-color: #ec5200; }
Za pomocą takiego zapisu możemy edytować styl obecnie zaznaczonego boxa
W podanym przykładzie edytujemy ramkę wkoło zaznaczonego produktu (kolor oraz szerokość)
#customRelated .related-item { width: 76px; height: 76px; }
Za pomocą powyższego zapisu, można modyfikować wygląd boxów ("kafelków")
W podanym przykładzie ustawiamy wysokość oraz szerokość boxów produktowych ("kafelków") na 76px
#customRelated .related-item img { width: auto; height: 100%; }
Za pomocą takiego zapisu możemy edytować obrazki (miniatury) produktów
Jest to domyślne ustawienia powodujące, że miniatura produktu dopasuje się do "kafelka" (kontenera w którym jest)