Czy mogę zmienić wygląd miniatury aktualnego produktu?

Zmodyfikowano dnia Tue, 15 Nov 2022 o 10:15 AM

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ść)


Ustawienie boxów:
#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


Ustawienie zdjęć w boxach:
#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)

Czy ten artykuł był pomocny?

To wspaniale!

Dziękujemy za opinię

Przepraszamy, że nie udało nam się pomóc!

Dziękujemy za opinię

Daj nam znać, jak możemy ulepszyć ten artykuł!

Wybierz co najmniej jeden powód
Wymagana weryfikacja captcha.

Wysłano opinię

Doceniamy Twój wysiłek i postaramy się naprawić artykuł