News:

Looking for documentation? Take a look on our wiki

Main Menu

Thumb product pictures too small in VM3 how to make them bigger?

Started by ivacademyru, February 07, 2015, 10:54:11 AM

Previous topic - Next topic

ivacademyru

Thumb product pictures too small in VM3 how to make them bigger?
Web site design, eCommerce design, you own first Online Business Order Now and Get - 10% off  at IT IVAcademy lab just contact us, click www.ivacademy.net

GJC Web Design

you have obviously made no attempt to search on here or Google - this is really basic stuff .. make an effort then others will be glad to help
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

ivacademyru

Sure I like google and ask first but there is no answer for the VM 3 I always use this trik for vm2 but it dont work for vm3
CSS File located in /joomlaroot/components/com_virtuemart/assets/css/vmsite-ltr.css   
<---- This is CSS for VM Template, not the same as your site template ya digg?     
  download the file via ftp    ,
  open with wordpad and do a quick search for .width30 and delete everything inside the {  } brackets  that follow it
Anibody know the working vm3 resize thumb?
Web site design, eCommerce design, you own first Online Business Order Now and Get - 10% off  at IT IVAcademy lab just contact us, click www.ivacademy.net

GJC Web Design

wordpad???????   wow...   1st use a proper text editor -- e.g. Notepad++  http://notepad-plus-plus.org/

it entirely depends on YOUR template.. Jenks has already pointed you too Firebug - learn to use it
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

ivacademyru

Thankyou for answer still dont get the ideia how to make Products thumb in VM3 bigger template css make all pictures bigger in VM2 there where simple just erase .width30 and delete everything inside the {  } brackets  that follow it but how to do it in  VM3?
Web site design, eCommerce design, you own first Online Business Order Now and Get - 10% off  at IT IVAcademy lab just contact us, click www.ivacademy.net

jenkinhill

Did you actually look at the image code & css with Firebug? Because the default code is so obvious. See the image below, VM3.0.4 on Joomla 3.4beta1 using Protostar template, but the css is the same whatever Joomla version you use. The product image is rendered using this in vm-ltr-site.css default code:
.main-image img {
    max-height: 260px;
    max-width: 100%;
}

So the image size is constrained by the max-height value, assuming that the initial product image (ie the image uploaded) was higher than 260px. If you want the image to be bigger just increase the value of max-height and use the edited vm-ltr-site.css as an override. http://docs.virtuemart.net/tutorials/templating-layouts/106-override-vmsite-ltr-css.html

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