How to change design on Cart page

mmp
44 Posts
mmp posted this 12 August 2015

Sorry for this simple question.

I'm trying to edit the cart page for Virtuemart. As seen on the att. I want the Bill to and button to move to the left. and ship and button to also move further left. It looks like there are 3 columns and I only want 2. For the life of it, I can't get this right, and I can't get any wiser form the Silent tutorials (Duh! 2015, not 1915)

Please help!

cart-changes.JPG

Sorry for this simple question. I'm trying to edit the cart page for Virtuemart. As seen on the att. I want the Bill to and button to move to the left. and ship and button to also move further left. It looks like there are 3 columns and I only want 2. For the life of it, I can't get this right, and I can't get any wiser form the Silent tutorials (Duh! 2015, not 1915) Please help! !cart-changes.JPG!
Vote to pay developers attention to this features or issue.
8 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 13 August 2015

Hi,

The structure of the cart can not be edited in Themler. The left column should include the login module. You can try to edit the structure of the shopping cart page manually after the export.

Sincerely,
Hella
BillionDigital Team

Hi, The structure of the cart can not be edited in Themler. The left column should include the login module. You can try to edit the structure of the shopping cart page manually after the export. Sincerely, Hella BillionDigital Team
mmp
44 Posts
mmp posted this 13 August 2015

Ok. That makes sense. I had the system configured to "On checkout, ask for registration", and then there was an ugly hole there. I've enabled that again.
Can you please provide some instructions on how to do edit the design. As you will see from the printscreen, the price flows over to ta second line, and it really looks ugly.

priceoncart.JPG

Ok. That makes sense. I had the system configured to "On checkout, ask for registration", and then there was an ugly hole there. I've enabled that again. Can you please provide some instructions on how to do edit the design. As you will see from the printscreen, the price flows over to ta second line, and it really looks ugly. !priceoncart.JPG!
Support Team
Support Team posted this 13 August 2015

Hi,

Please try to add the following code in the Settings >> Additional CSS:

.PricebasePriceVariant, .PricesalesPrice
{
white-space:no-wrap;
}

Let us know if that is what you was talking about.

Sincerely,
Hella
BillionDigital Team

Hi, Please try to add the following code in the Settings >> Additional CSS: .PricebasePriceVariant, .PricesalesPrice { white-space:no-wrap; } Let us know if that is what you was talking about. Sincerely, Hella BillionDigital Team
mmp
44 Posts
mmp posted this 11 September 2015

This makes no difference to the problem. If I make the font smaller, it stops wrapping, but only if the font size is about 7px. That's to small to read.

This makes no difference to the problem. If I make the font smaller, it stops wrapping, but only if the font size is about 7px. That's to small to read.
Support Team
Support Team posted this 11 September 2015

Hi,

Seems that something was changed on the site as I now do not see the classes I used before. Please try to add this code as well:

button[title="Update Quantity In Cart"] {
    white-space: nowrap;
}

Sincerely,
Hella
BillionDigital Team

Hi, Seems that something was changed on the site as I now do not see the classes I used before. Please try to add this code as well: button[title="Update Quantity In Cart"] { white-space: nowrap; } Sincerely, Hella BillionDigital Team
mmp
44 Posts
mmp posted this 11 September 2015

My problem is not the wrapping in the button, but the wrapping of the price.

Ths supplied code does not work anyway.

My problem is not the wrapping in the button, but the wrapping of the price. Ths supplied code does not work anyway.

Last edited 11 September 2015 by mmp

mmp
44 Posts
mmp posted this 11 September 2015

I changed the button naming to Update Quantity iso Update Quantity in cart, and now there is enough space for the price values.

I changed the button naming to Update Quantity iso Update Quantity in cart, and now there is enough space for the price values.
Support Team
Support Team posted this 14 September 2015

Hi,

Seems like a nice workaround.

Please let us know if you have any further questions.

Thanks,
Ivan

Hi, Seems like a nice workaround. Please let us know if you have any further questions. Thanks, Ivan
You must log in or register to leave comments