VirtueMart Forum

VirtueMart 2 + 3 => Templating & Layouts => Topic started by: Ziggo on May 07, 2012, 12:29:36 pm

Title: Custom fields on separate lines in cart
Post by: Ziggo on May 07, 2012, 12:29:36 pm
Hello,

I hope someone can help me with the following issue.
I've add some custom fields to my products. This is working fine. But all the input from this fields are shown on one single line in the cart. I want the input from every custom field on a new line.

For example I have the following fields: size and color.
Now it is shown in the cart as: size L color red
I want it to be shown like:
size L
color red

I hope someone can help me.
Title: Re: Custom fields on separate lines in cart
Post by: JtouchMobile.com on May 08, 2012, 10:56:35 am
Hi,

Are you talking about cart MODULE or cart PAGE?

;)
Title: Re: Custom fields on separate lines in cart
Post by: Ziggo on May 08, 2012, 11:37:14 am
I'm talking about both.
But I think the module shows a copy of the cart page. I suspect when this is changed in the cart page, it will also be changed in the module.
Title: Re: Custom fields on separate lines in cart
Post by: flexiblewebdesign on May 08, 2012, 15:06:37 pm
module and cart have different CSS class names.

You can try to add these CSS rules to your
/components/com_virtuemart/assets/css/vmsite-ltr.css

.vm-customfield-cart span {
display:block;
}

for cart, and

.vm-customfield-mod span {
display:block;
}

for module.
Title: Re: Custom fields on separate lines in cart
Post by: Ziggo on May 08, 2012, 20:31:18 pm
Thank you for your answer. I add the following line in vmsite-ltr.css and it works great!

.vm-customfield-cart span, .vm-customfield-mod span {display:block;}