VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: fan4chevy on July 23, 2012, 18:24:08 PM

Title: Change Product Listing So Image Is Not Squished To 60px
Post by: fan4chevy on July 23, 2012, 18:24:08 PM
Hi,

I am wondering how I can change the layout on the product listing page (not the Product Info Page) so that the 'price', 'product details' and 'title' are under the image to be under the image rather than to the side of it. How it is now, the image gets squished to only 60px.

However, I don't want this to effect my main product info page (detail page).

Also, how do I remove the ratings from the listing page but leave it on the detailed page?

Thank you,
Charles
Title: Re: Change Product Listing So Image Is Not Squished To 60px
Post by: ivus on July 23, 2012, 21:39:44 PM
Hi fan4chevy,

If when you say "PRODUCT LISTING PAGE" do you mean "CATEGORY PAGE"? the one that shows all the products down the page from within a category? If so you can find it in the following folder:
"/components/com_virtuemart/views/category/tmpl/defaut.php"

But if you want to start modifying the VM layout I suggest the first thing you need to do is learn how to create LAYOUT OVERRIDES. This is necessary so that all you hard work isn't going to get wiped out on the next automatic update. As a rule of thumb you should aim to work without having to hack the core files unless absolutely necessary.

Here's a quick primer to layout overrides : http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core (http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core)

To remove elements from a page, all you need to do is read the in code comments. VM is pretty well commented, just keep your eye out for "<!-- The "Average Customer Rating" Part -->".

Quotebut leave it on the detailed page?

Generally with PHP a page view is drawn based on the variables passed into it. Changing the view/layout from one page shouldn't affect layout on another page.

I hope this helps.
Title: Re: Change Product Listing So Image Is Not Squished To 60px
Post by: fan4chevy on July 24, 2012, 07:09:41 AM
Thank you for your response.

I am coming over from Oscommerce. I really like the easy updates and ease of Virtuemart within Joomla and am trying to keep it fairly stock.

Yes, I am talking about the products listed under categories which I refer to as product listing page. The problem with the current layout is that the price, title, etc are floated to the left of the image. This causes the thumbnail image to resize down to only 60 pixels wide when you have 3 product columns wide. I figure if I put the text and details under the image, which I like anyways, would solve the issue.

Is there an easy way to get it to simply go under as mentioned?