Wyświetlanie większej ilości kolumng

jakub_kaczmarek

2012-06-05 16:20

Posiadam wersjÄ™ Quick.Cart 5.0

Mam problem gdyż w opcjach idzie ustawić, aby produkty wyświetlały się 3 kolumnach, ja natomiast chciałbym żeby tych kolumn było 4 lub 5, gdzie to zmienić? W ogóle jest taka możliwość?

» Quick.Cart v5.x

euphoria-art

2012-06-05 18:43

najprościej to: pobrać templatkę http://opensolution.org/download/Quick.Cart/skins/lit02.jpg
stÄ…d http://opensolution.org/pobierz,pl,18.html?sDir=Quick.Cart/skins

euphoria-art

2012-06-05 19:09

lub podmień te dwa blogi w swoich style.css

/* PRODUCTS LIST - LIST TEMPLATE */
#products.productsList2 .list li{position:relative;clear:both;width:96%;margin:5px 0;padding:5px 2% 10px;background:#f7f7f7;border-bottom:1px solid #dfdfdf;}
* html #products.productsList2 .list li{width:100%;} /* IE 6 hack */
#products.productsList2 li.l1{border-top:1px solid #dfdfdf;}
#products.productsList2 li .photo{float:left;margin:0 7px 5px 0;}
#products.productsList2 li h2{width:420px;font-weight:normal;font-size:1.5em;}
#products.productsList2 li div.description{display:inline;}
#products.productsList2 li .price, #products.productsList2 li .noPrice{position:absolute;right:15px;top:12px;margin:0;}
#products.productsList2 li .price strong{font-size:1.75em;font-weight:normal;}
#products.productsList2 li .basket{float:right;margin:10px 0 0 5px;}

/* PRODUCTS LIST - COLUMNS TEMPLATE */
#products.productsList1{clear:both;border-top:1px solid #dfdfdf;border-bottom:none;}
#products.productsList1 ul{border-top:1px solid #dfdfdf;}
#products.productsList1 .list li{clear:none;width:25%;text-align:center;border-bottom:1px dashed #dfdfdf;}
#products.productsList1 li.i1{width:159px; height:259px;}
#products.productsList1 li.i0{width:157px; height:259px; border-right:#dfdfdf dashed 1px; border-left:#dfdfdf dashed 1px;}
#products.productsList1 li .photo{height:150px;margin:10px 0 0 0;}
#products.productsList1 li h2{height:32px;padding:20px 4px 0 0;line-height:16px;font-size:1em;}
#products.productsList1 li h3{display:none;text-align:center;}
#products.productsList1 li div.description{display:none;margin:10px 0 0;text-align:justify;}
#products.productsList1 li .price, #products.productsList1 li .noPrice{margin:0;height:26px;line-height:26px;color:#333;}
#products.productsList1 li .price em{display:none;}
#products.productsList1 li .basket a{margin:0 1px 1px 1px;padding:0;height:20px;line-height:20px;}
#products.productsList1 li.pages#pagesAfter{clear:both;}
#products.productsList1 .pages ul{border:0;}

#products .pages{float:right;width:100%;margin:0;padding:9px 0;border:0;background:none;text-align:right;font-size:1em;}
#products .pages li{float:none;clear:none;display:inline;width:auto;margin:0;padding:0 2px;border:0;background:none;}
#products .pages a, #products li.pages strong{padding:0 1px;font-size:1em;}
#products .pages#pagesBefore{clear:none;width:auto;}

#products .sort{float:left;width:auto;margin:0 10px 0 0;padding:10px 0;border:0;background:none;text-align:left;}
#products .sort div{display:inline;padding:0 4px;}

euphoria-art

2012-06-05 19:23

sorry ten jeden blok powinien wystarczyć
/* PRODUCTS LIST - COLUMNS TEMPLATE */


1px solid #dfdfdf; lub dashed to są linie - wystarczy pokombinować żeby całość pasowała do całej templatki, przypatrz się jak tam są te linie zrobione.

jakub_kaczmarek

2012-06-06 08:57

Problem rozwiązany. Mam wersję 5.x i w zasadzie tego drugiego bloku tj. PRODUCT LIST - COLUMNS TEMPLATE nie ma w stylach, więc dokleiłem i wszystko działa :)