VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: cuie on January 28, 2013, 13:13:40 PM

Title: One product per row view, help with CSS!
Post by: cuie on January 28, 2013, 13:13:40 PM
Hi guys!

I´m using Flexi-theme, Joomla 2.5 and VM2.0.18. By default Flexi-theme shows 3 products per row in a neat little boxes.

I´d like to have one product per row, so that image would be on the left and product heading, product data, add to cart -buttons etc would be on the right. This way I could present all the relevant product data in the category view, so the user wouldn´t have to click to product details.

If I set Items per row for a category to be 1, I get this kind of layout:

(http://91.150.60.25/images/one_prod_per_row_example.png)

As you can see the layout sucks. I`m not an expert with CSS, so could anyone of you point me how I should edit the vm-flexi.css? I can send the file if it helps?

I know that I should somehow also modify category/default.php. There is on the row 221:

   // Show Products ?>
      <div class="product floatleft<?php echo $Browsecellwidth . $show_vertical_separator ?>">
         <div class="spacer">

So I´d need to somehow set that spacer to show items inline?

All help appreciated!
Title: Re: One product per row view, help with CSS!
Post by: jenkinhill on January 28, 2013, 15:07:20 PM
Support for Flexi-theme is provided by the template developer.   See http://forum.virtuemart.net/index.php?topic=108212.0
Title: Re: One product per row view, help with CSS!
Post by: cuie on January 28, 2013, 18:08:22 PM
Quote from: jenkinhill on January 28, 2013, 15:07:20 PM
Support for Flexi-theme is provided by the template developer.   See http://forum.virtuemart.net/index.php?topic=108212.0

Ok, thanks. I´ll ask from the theme developer.