VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: Sniegu on September 04, 2014, 15:30:27 PM

Title: Move product title and product details below the thumbnail
Post by: Sniegu on September 04, 2014, 15:30:27 PM
Here's the site - http://ammaris.pl/index.php/en/naszyjniki-produkty

I tried to put the product titles and product details button under the thumbnail, but not knowing a lot about CSS I cannot find that setting. Please help :)
Title: Re: Move product title and product details below the thumbnail
Post by: jenkinhill on September 04, 2014, 16:47:56 PM
Looks like you are using template overrides, so maybe edit the override template - {yourJoomlatemplate]/html/com_virtuemart/category/default.php  - or try using Firebug to learn is css could be used.  Or ask the template supplier -  http://forum.virtuemart.net/index.php?topic=108212.0
Title: Re: Move product title and product details below the thumbnail
Post by: Sniegu on September 04, 2014, 16:53:55 PM
Template overrides are not being used. I managed to get Product Details below, but can't manage the product titles.
Title: Re: Move product title and product details below the thumbnail
Post by: GJC Web Design on September 04, 2014, 18:22:51 PM
.floatright, span.floatright {
  clear: both;
  float: none;
}
Title: Re: Move product title and product details below the thumbnail
Post by: Sniegu on September 05, 2014, 12:10:30 PM
Thank you for the code, but, as I said, I don't have much CSS expertise - please tell me where to put the code.
Title: Re: Move product title and product details below the thumbnail
Post by: GJC Web Design on September 05, 2014, 13:11:12 PM
css works any where .. as long as a subsequent rule doesn't over write it

so suck and see -

if over written just add

.floatright, span.floatright {
  clear: both !important;
  float: none;
}
Title: Re: Move product title and product details below the thumbnail
Post by: Sniegu on September 08, 2014, 08:19:01 AM
Worked like a charm, thanks!