Pozycja krótkiego opisu

[schm]

Witam ponownie,

głowię się już jakiś czas nad pewną sprawą, a nie znalazłem rozwiązania metodami prób i błędów ani w archiwum tematów.

W skrócie... chodzi o pozycję krótkiego opisu który wyświetla się na liście z produktami. W niektórych blokach (np. new products) opis wyświetla się pod obrazkiem (czyli prawdiłowo), gdy jednak wejdę w kategorie opisy wyskakuja z prawej strony obrazka przez co większość opisu jest ucięta.

Czy rozwiązania szukać należy w plikach css czy modułach ?

 

Link do strony: http://www.fajerwer.vdl.pl/sklep1

[presta4you.com]

Szablon listy produktów możesz znaleźć w pliku product-list.tpl, a plik css odpowiedzialny za wygląd to product-list.css.

Oczywiście obydwa pliki znajdują się w twoim szablonie.

[vekia]

widok kategorii:

 

 

opisy pod obrazkiem, więc chyba wszystko jest tak jak powinno być?

[schm]

Pogrzebałem w pilkach po wpisie presta4you. Zabrakło już czasu, ale dziś walczę dalej z pozycjami bo jak widać np. na sreenie - obrazki, cena do wyrównania.

 

Ps. Trochę po omacku wyrównałem cenę. Czy za jej pozycję odpowiada...

body#category #product_list li .price 

i

margin: ...

?

[schm]

I jeszcze co do krótkiego opisu pod zdjęciem... Wyświetlał się poprawnie tylko dlatego, że w linijce

#product_list li p.product_desc,  #product_list li p.product_desc

ustawiłem 

padding: 20px;

co przeniosło opis pod zdjęcie. Ale nie jestem pewien czy to w tym miejscu powinienem ustawiać... :/ 

[presta4you.com]

Nie musisz robić po omacku rzeczy. W przeglądarce jeżeli klikniesz PPM na element masz komendę 'zbadaj element'. Po jej kliknięciu możesz sprawdzić css-y elementu oraz zmieniać je na żywo. Oczywiście nie zapiszą się one w pliku css, to musisz zrobić osobno, ale możesz przez to zobaczyć efekt szybciej. 

[vekia]

ja bym to zrobił tak: (wycentrował cenę)

display: block;
width: 100%;
padding: 0px;
margin: 0px;
text-align: center;

dodaj to do stylu o którym wspominałeś