VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: brightcloud on January 05, 2012, 15:25:03 PM

Title: Layout Issues
Post by: brightcloud on January 05, 2012, 15:25:03 PM
Hello,

We are trying to set up a shop with version 2 but our product page looks a complete mess.

We have changed images sized and it makes no difference.

This is our product page:
http://ozschoolwear.co.uk/joomla/index.php/component/virtuemart/wickham-court/wickham-court-boys/2012-01-05-13-09-352-detail

And this is what the page looks like on the Virtuemart demo page
http://demo.virtuemart.net/index.php?page=shop.product_details&category_id=11&flypage=flypage_default.tpl&product_id=20&option=com_virtuemart&Itemid=6&vmcchk=1&Itemid=6

As you can see, the demo page is much smarter and ours is all over the place.

Any help would be greatly appreciated
Title: Re: Layout Issues
Post by: PRO on January 05, 2012, 16:29:53 PM
http://forum.virtuemart.net/index.php?topic=73348.0

http://forum.virtuemart.net/index.php?topic=92756.0
http://forum.virtuemart.net/index.php?topic=90935.0

and you are not very specific on what you want, and whats wrong
Title: Re: Layout Issues
Post by: brightcloud on January 05, 2012, 16:52:33 PM
Ah sorry, thanks for your reply, we just wanted a nice layout but our website has not got a nice layout. I assumed that the default virtuemart product detail page would be OK with text lined up with pictures.

On ours here

http://ozschoolwear.co.uk/joomla/index.php/component/virtuemart/merton-court-school-uniforms/merton-court-boys-uniform/merton-park-j3-uniforms/2012-01-05-13-09-352-detail

The picture is in the left hand corner of the screen with a huge white space on the right hand side and our text is below the picture with a huge white space on the left hand side of it. It does not look right or good to look at.

Do you have to configure the layout/css yourself or should the default Virtuemart looking good staright out of the tin?

Thanks
Title: Re: Layout Issues
Post by: PRO on January 05, 2012, 18:45:13 PM
body .floatleft {
    float: left !important;
    margin-left: 0;
    margin-right: 15px;
}
demo-styles.css (line 38)


the margin-right is what does it. THATS NOT standard vmart template css. Thats coming from your mercado template or something
Title: Re: Layout Issues
Post by: brightcloud on January 10, 2012, 18:16:33 PM
Thanks, worked perfectly!