VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: GooRu on January 12, 2015, 16:52:17 PM

Title: Layout not looking like older version
Post by: GooRu on January 12, 2015, 16:52:17 PM
Hi...

I have upgraded to Joomla 3.xxx and the new version of VM. I have pretty much everything back to the way it was except for the category layout. I have tried to make the config exactly as the last but the look of the layout is drastically different. In the attachments I need the products to be 3 across as it was previously, but now I can only get two across, and there is a frame around each, plus the price occurs twice.. In the other screen shot you see 3 across and that is what I want to achieve.

Any help would be greatly appreciated.

[attachment cleanup by admin]
Title: Re: Layout not looking like older version
Post by: jenkinhill on January 12, 2015, 17:46:43 PM
Your template overrides need updating for the VM3 layout, which uses sublayouts as well as the familiar tmpl files. http://docs.virtuemart.net/tutorials/templating-layouts/199-sublayouts.html
Title: Re: Layout not looking like older version
Post by: GooRu on January 13, 2015, 05:30:20 AM
Quote from: jenkinhill on January 12, 2015, 17:46:43 PM
Your template overrides need updating for the VM3 layout, which uses sublayouts as well as the familiar tmpl files. http://docs.virtuemart.net/tutorials/templating-layouts/199-sublayouts.html

Holy smokes that's a bit confusing. That slowed my roll quite a bit, kinda surprised it's that difficult but guess I have total the time to figure it out. Thanks
Title: Re: Layout not looking like older version
Post by: GJC Web Design on January 13, 2015, 10:25:48 AM
it is simply that common items like a single product display, add to cart  etc etc are all coded just once in a sublayout and called from the individual templates
it is simpler because you can change site wide in one place e.g. the product display
Title: Re: Layout not looking like older version
Post by: GooRu on January 13, 2015, 16:47:22 PM
Hi...

Thanks for the explanation but I am not "getting" it. I look at the answers here and do not see how I could possibly work with it. All of a sudden I have to dig in to the code and do this? I have worked with VM for sometime but I don't do code. Now to fix my layout problem I have to be a coder?

Is there another way I can get the products to go three across and fit in the window? If I have to get into the code clearly now I have to hire a coder to make this change. I'd do that but do not have the budget for it, nor did I expect VM to add this snafu to the mix.
Title: Re: Layout not looking like older version
Post by: GJC Web Design on January 13, 2015, 16:52:31 PM
Sublayouts was just explained so u know what they are.. and no - they will have nothing to do with floated left layouts
That is pure css -- and your css is wrong somewhere

either the boxes are two wide to fit etc etc

Try switching on protostar template - you'll see that the cat layouts work perfectly - it is the css of YOUR template that is at fault and also the template over ride of YOUR template if your using one
Title: Re: Layout not looking like older version
Post by: GooRu on January 13, 2015, 16:54:43 PM
Quote from: GJC Web Design on January 13, 2015, 16:52:31 PM
Sublayouts was just explained so u know what they are.. and no - they will have nothing to do with floated left layouts
That is pure css -- and your css is wrong somewhere

either the boxes are two wide to fit etc etc

Try switching on protostar template - you'll see that the cat layouts work perfectly - it is the css of YOUR template that is at fault and also the template over ride of YOUR template if your using one

I have not added anything to the css nor have I invoked over-rides. This is all out of the box and the template comes from YooTheme, so I expect the css to be perfectly formed...
Title: Re: Layout not looking like older version
Post by: GJC Web Design on January 13, 2015, 16:59:04 PM
expect all you like -- do u think VM3 came with no css????

Do you think the VM dev's got hold of all 13,000 possible Joomla templates and checked whether there might be a small conflict between the base VM templates and yours?

Go ask YooTheme...

It is part of your job description - as you are Joomla Web Development, Hosting and site management - to be able to adjust a small bit of css to achieve the layout u want!
Title: Re: Layout not looking like older version
Post by: GooRu on January 13, 2015, 17:01:32 PM
Quote from: GJC Web Design on January 13, 2015, 16:59:04 PM
expect all you like -- do u think VM3 came with no css????

Do you think the VM dev's got hold of all 13,000 possible Joomla templates and checked whether there might be a small conflict between the base VM templates and yours?

Go ask YooTheme...

It is part of your job description - as you are Joomla Web Development, Hosting and site management - to be able to adjust a small bit of css to achieve the layout u want!

Thanks for your input, and don't appreciate the spanking. I am here to ask question and not get admonished for it. Asking question here in the VIRTUEMART forum is suppose to be helpful and encouraging.
Title: Re: Layout not looking like older version
Post by: jenkinhill on January 13, 2015, 17:05:07 PM
Sublayouts were introduced to Joomla itself with  Joomla3 so they are nothing new, eg look in joomlaroot/layouts/joomla/content.  They are covered in the Joomla docs:  https://docs.joomla.org/J3.x:JLayout_Improvements_for_Joomla!

Some people have already found that simply using the default VM templating system in VM3 with no overrides works perfectly for their requirements.  You may have to tweak css a little to work with your template, but that is pretty basic stuff even with Yoo templates..