productsInRow 4 kolumny, zdjęcie przy zdjęciu

fidelC

2010-08-13 17:49

Jak zrobić 4 kolumny (przy zastosowaniu productsInRow) by w rzędzie, zdjęcia były obok siebie , a każde miało nad - swoją nazwę, pod - swoją cena... i nic więcej.

potem w odstępie następny rząd itp...


Ktoś coś takiego robił?

» Quick.Cart v3.x

fC

fidelC

2010-08-13 23:57

Udało mi się zrobić 3 kolumny.

Tylko pytanie czy to jest dobry sposób?

Mianowicie:
1.Już po zainstalowaniu productsInRow w "templates/pages_default.tpl" block PRODUCTS_LIST

skasowalem i$aData[iStyle]

w
<li class="l$aData[sStyle] i$aData[iStyle]">

a w plugins.css

dałem 32%
w
#products.productsInRow li{clear:none !important;width:32% !important;padding:0 1px !important;vertical-align:top;}


Te 32% wystarczyło by stowrzyć 3 kolumny.(zdjęcia mam na 250)


Tylko czy to dobry sposób?

fC

Makaron

2010-08-16 15:50

Sposób sam w sobie dobry, z tym, że często przy 3ech czy 4rech kolumnach pojawiają się jednak problemy z opływaniem, zwłaszcza, gdy obrazy mają różną wysokość. Przychodzi wtedy z pomocą szablon tabeli (chyba najpewniejsze rozwiązanie stosowane również w galerii zdjęć w wersji płatnej).

Mak-Web.pl - Modyfikacje skryptów Q.Cart i Q.Cms

marcincook

2010-09-06 16:24

#products li{
float:left;
width:22%;
padding:5px;
border:1px solid #EAEAEA;
height: 245px;
overflow: hidden;
margin: 0 2% 10px 0;
}

Spróbuj tak fidelC