News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

Change the display of Products

Started by leftycool, January 07, 2013, 20:44:05 PM

Previous topic - Next topic

leftycool

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
and i want them to look like this: 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

jenkinhill

Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

leftycool

#2
Oh sorry, iI'm using VM 2.0.16, Joomla 2.5.8 and PHP Version 5.4.3

bytelord

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

Production: Joomla 2.5.8 | VM 2.0.14 | PHP 5.3.13
Testing     : Joomla 2.5.8 | VM 2.0.16 | PHP 5.3.8
Testing     : Joomla 2.5.8 |    VM 2.1   | PHP 5.3.8

- Don't Forget to mark thread as solved when it is solved!
- Please do not PM with support questions, use the forum!

leftycool

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