How to make 3 Columns v1.4 and v3.x

Donatas

No avatar

2008-07-13 21:12

Hello,

Maybe somebodu knows how to make 3 products rows in QC 1.4?

Thank You very much!

» Quick.Cart v1.x

Makaron

Avatar: Makaron

2008-07-14 09:26

It's very simple.. You should use this plugin: http://opensolution.org/download,pl,18.html?sFile=Quick.Cart/plugins/archive/productsInRow_v1.2.zip and modify it a little. Open file plugins\productsInRow\productsInRow.php and find this line:

$iColumns     $GLOBALS['iColumns'];


and change it to:

$iColumns     3;

Donatas

No avatar

2008-07-14 10:35

Thank You very much :)

barbarupta

Avatar: barbarupta

2008-08-06 00:14

Hello,

somebody knows how to make 3 columns products in QC 3.1 ?

Thank you very much

Ray

Makaron

Avatar: Makaron

2008-08-06 09:55

This change will be harder to do.. But of course possible here is the solution:
First You have to install plugin "productsInRow" here is the link: http://opensolution.org/download,pl,18.html?sFile=Quick.Cart/plugins/productsInRow_v1.5.zip.
After that ..
In file core/products.php in function "listProducts" below the line:
$aData['iStyle'] = ( $i % 2 ) ? 0: 1
paste this line:
$aData['tStyle'] = $i % 3;
After that You have insert new variable in file templates/pages_default.tpl in block "PRODUCTS_LIST" in the beggining code should look like this:

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


Now some changes in styles.. In file templates/plugins.css (there were some lines added because of installation of plugin). Whole declarations should look like this:

#products.productsInRow{clear:both;}
#products.productsInRow li{clear:none !important;width:30% !important;padding:0 0 15px !important;padding-left:10px !important;}
#products.productsInRow li.i1{float:left;}
#products.productsInRow li.i0{float:left;clear:both !important;}
#products.productsInRow li.i2{float:left;}
#products.productsInRow h3{padding-left:0 !important;font-weight:bold !important;font-size:1.083em !important;}
#products.productsInRow .price em, #products.productsInRow .price span{font-size:1em;}
#products.productsInRow .price strong{font-size:1.083em;}
#products.productsInRow .basket{clear:left;}
#products.productsInRow li.pages{width:100% !important;}
@media print{
  
#products.productsInRow li{border-color:#ccc;}
}


I think this should work if I didn't forget about sth..

MisterM

No avatar

2008-08-11 22:59

Thank you Makaron. It's all great, but in Internet Explorer, the images doesn't look to good if they are different sizes. Any ideeas why?

(here's my example: http://import.atelierelecujas.ro/diverse,19.html )

Thank you.

begreg

No avatar

2009-03-29 03:57

ile probowalem znalezc problem w $aData['tStyle'] = $i % 3; jakos mam tylko i0 i i1 klase do produktow dodana ->
<li class="l1 i1"></li>
<li class="l2 i0"></li>
<li class="l3 i1"></li>
<li class="l4 i0"></li>
<li class="l5 i1"></li>
<li class="lL i0"></li>

w czy moze byc problem? uzywam 3.3 wersji.

podpis :)

Back to top
about us | contact