Miniaturki pod zdjeciem w poziomie w 3 kolumnach

Minik

2013-11-21 13:04

Jak zrobić by miniaturki wyświetlały się pod zdjęciem produktu poziomo w 2 albo 3 kolumnach, tak by box z ceną i koszykiem zawsze był obok zdjęcia z prawej strony. Obecnie jak dodaję kolejne zdjęcia, to box z ceną przesuwa się w dół
http://sklep.itinere.pl/?crosso-dry-big

» Quick.Cart v6.x

Minik

polecam

2013-11-21 13:52

Zmień szerokość w stylach dla #product #box z 250px które masz na np 200px

Minik

2013-11-21 15:02

Dzięki za podpowiedź, niestety aby box zmieściłby się obok zdjęcia i miniaturki musiałby mieć wielkość 150px, a wtedy jest już zbyt mały.
Czy ma ktoś pomysł jak dodawać miniaturki pod zdjęciem, tak by obok niego zostało miejsce na "product box"

Minik

polecam

2013-11-21 18:14

Zwiększ szerokość szablonu po czym zwiększ prawą kolumnę w stylach

Minik

2013-11-22 12:39

OK, to jest jakieś wyjście, ale i tak kolejne dodawane zdjęcia będę przesuwały opis w dół dlatego wolałbym miniaturki w poziomie. Ma ktoś na to rozwiązanie?

Minik

selekcjoner

2013-11-22 12:47

Do #imagesListPreview dodaj clear:both;
A dla .imagesList#imagesListPreview li spróbuj ustawić float: left; width: 28%;

simlution.org

Minik

2013-11-22 13:10

Dziękuję za pomoc, miniaturki są w poziomie pod głównym zdjęciem, ale box z ceną nie przesunął się do góry i nie wiem czemu w tym miejscu http://sklep.itinere.pl/?croozer-kid-2 miniaturki nachodzą na siebie?

Minik

selekcjoner

2013-11-22 13:19

Musisz przenieść cały <div id="box"> .. </div> przed <ul class="imagesList" id="imagesListPreview">...</ul> a potem spróbuj usunąć te width: 28% ,albo popróbuj inne szerokości, nie mając dostępu do strony mogę Cię jedynie naprowadzić a nie podać gotowe rozwiązanie.

simlution.org

Minik

2013-11-22 13:52

a gdzie znajdę <div id="box">, <ul class="imagesList" id="imagesListPreview"> bo w style.css tego nie mam.