VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: leftycool on January 07, 2013, 20:44:05 PM

Title: Change the display of Products
Post by: leftycool on January 07, 2013, 20:44:05 PM
Hello,
i'm having a difficult time configurating the the view of the products. I changed the Thumbnail Image Width/Height and nothing happened (don't know why) and can't find an option to change the arrangement of the title and description.
Mine are looking currently like this: http://i1270.photobucket.com/albums/jj604/leftycool/currentview_zps08210be2.jpg (http://i1270.photobucket.com/albums/jj604/leftycool/currentview_zps08210be2.jpg)
and i want them to look like this: http://i1270.photobucket.com/albums/jj604/leftycool/wantedview_zps5413f376.jpg (http://i1270.photobucket.com/albums/jj604/leftycool/wantedview_zps5413f376.jpg)

Is it possible to make it to look like the second one with the configurations of VM or do i have to download a specific plug-in to do it (if so, which one) ?

I'm trying the last 3 days to config. it and before i'm going nuts over this, i thought i try to ask for help here.

Grateful for every help,
leftycool

EDIT: I'm using Joomla 2.5 and VM 2.0
Title: Re: Change the display of Products
Post by: jenkinhill on January 07, 2013, 20:48:08 PM
http://forum.virtuemart.net/index.php?topic=79799.0
Title: Re: Change the display of Products
Post by: leftycool on January 07, 2013, 21:18:30 PM
Oh sorry, iI'm using VM 2.0.16, Joomla 2.5.8 and PHP Version 5.4.3
Title: Re: Change the display of Products
Post by: bytelord on January 07, 2013, 22:25:34 PM
Hello,

The second image you post is from a commercial template, you can purchage that template or create your own one. Also use some CSS to adjust your styling.

Use firebug to examine you site code and css styling: https://forum.virtuemart.net/index.php?topic=102850.0

Template Overrides:
Creating Template overrides: https://forum.virtuemart.net/index.php?topic=98505.0
Template System: https://dev.virtuemart.net/projects/virtuemart/wiki/Hints_for_the_use_of_the_template_system

Regards

Title: Re: Change the display of Products
Post by: leftycool on January 08, 2013, 00:27:42 AM
Thx for your reply.
In regards of getting a template, i tried a few ones but failed horribly. Everything was so messed up, trying to fix it would take more time that making my own.  Don't know what i did wrong while installing it, but that is a whole other issue.

I already tried with Chrome's developer tool to find the elements and adjust them, but here is the first problem i stumbled upon:
the size of the product image is 120x120 (Thumbnail Image Width/height) and gets load through this
<img src="/joomla/images/stories/virtuemart/product/resized/home3_120x120.jpg" alt="home3" class="browseProductImage">
but it gets displayed 36x22.
I found out that it has something to do with the width of the divs. Changing the div size (width30 to width300) i become partially the desired outcome.
I'm currently searching the HTML files but can't find it.
There has to be an easier way to change this, rather than searching through tens of HTML and php files.

Am i missing something ?

Grateful for every help,
leftycool