VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: cypresstwist on January 10, 2015, 11:47:45 AM

Title: VM 3.0 - Make thumbnails larger
Post by: cypresstwist on January 10, 2015, 11:47:45 AM
I'm using Vm 3.0.2. Default theme. My main VM page only needs to show the Latest Products.

I need to make the product thumbnails larger in Latest Products.
I also need to make the image in the product view page larger.
I also need to remove the "Product details" button from the Latest products main page.

I searched for hours for answers but all I bump into is VM 2.x related threads and they don't help me.
Thanks in advance for your attention.
Title: Re: VM 3.0 - Make thumbnails larger
Post by: AH on January 10, 2015, 12:09:29 PM
To make your thumbnail images larger -

Go into

admin/vm/configuration

template tab

Thumbnail Image Width    
Thumbnail Image Height

Set to what you require (make sure it is not larger than your base image size)

If your images are not all proportionally the same height and widths - it will adjust and may make your images look distorted
Title: Re: VM 3.0 - Make thumbnails larger
Post by: cypresstwist on January 10, 2015, 12:46:54 PM
I changed the setting already. Changed it again. Deleted the thumbails from /images/stories/virtuemart/product/resized, hit refresh with Ctrl+F5. Same thing. "Latest products" displays the same small thumbs.
Title: Re: VM 3.0 - Make thumbnails larger
Post by: GJC Web Design on January 10, 2015, 13:04:13 PM
then their size is being set by css - use firebug to find
Title: Re: VM 3.0 - Make thumbnails larger
Post by: AH on January 10, 2015, 13:06:11 PM
make sure you clear your cache folder

It works as I have just tried it in my test system

what size are you using

also look and see what image is being delivered to the page it will have a name with the size value that should match your settings

if not it is being set by css
Title: Re: VM 3.0 - Make thumbnails larger
Post by: cypresstwist on January 10, 2015, 15:58:23 PM
Cleared Joomla cache, browser cache, still the same.

http://i.imgur.com/8rCkO6R.png

I'll search the CSS then, but i tried this already and couldn't find the value.

Also, how do I remove the "Product details" button from the Latest products main page?
Title: Re: VM 3.0 - Make thumbnails larger
Post by: cypresstwist on January 10, 2015, 16:10:48 PM
Later edit: found it.

In /components/com_virtuemart/assets/css/vm-ltr-site.css

i changed

.browseProductImage {max-height: 90px;width:auto;max-width: 100%;}

to

.browseProductImage {max-height: 340px;width:auto;max-width: 100%;}

Deleted the old thumbnails from /images/stories/virtuemart/product/resized and it worked.

But now, how do I get rid of the "Product details" button?