VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: jerry46 on June 27, 2014, 15:12:32 PM

Title: Related products
Post by: jerry46 on June 27, 2014, 15:12:32 PM
 :) Hi all, I have a problem after I installed joomla 2.5.22 virtuemart 2.6.6 I noticed that relational products and categories appear vertically, I would like to have placed horizontally, can someone help me?
Best regards
Title: Re: Related products (SOLVED)
Post by: jerry46 on July 07, 2014, 08:42:50 AM
I solved myself

in vm your site/\components\com_virtuemart\assets\css\vmsite-ltr.css I changed

change rows
-------------------------------------------------------------------

/* Custom Field Images */
.product-fields .product-field,.product-related-categories .product-field {width:100%;float:left;display:inline-block;}
.product-fields .product-field label.other-customfield {width:25%;float:left;position:relative;top:20px;left:-18px;margin-bottom:27px;text-align:center;}  /* For 4 images across use width:17% */
.product-fields .product-field input[type=radio] {position:relative;left:33px;}
.product-fields .product-field .vm-img-desc {font-size:9px;}

to
------------------------------------------------------------------
/* Custom Field Images */
.product-field-type-R{padding-left:3%;float:left;width:20%}
.product-related-categories .product-field {padding-left:3%;width:20%;float:left;display:inline-block;}
.product-fields .product-field {width:100%;float:left;display:inline-block;}
.product-fields .product-field label.other-customfield {width:25%;float:left;position:relative;top:20px;left:-18px;margin-bottom:27px;text-align:center;}  /* For 4 images across use width:17% */
.product-fields .product-field input[type=radio] {position:relative;left:33px;}
.product-fields .product-field .vm-img-desc {font-size:9px;}


It works.
I posted the solution because maybe someone else has this problem