Author Topic: Main Product Image resize VirtueMart 3.2.4  (Read 231 times)

alquemius

  • Beginner
  • *
  • Posts: 11
  • Skype Name: tduque_skyper
Main Product Image resize VirtueMart 3.2.4
« on: October 12, 2017, 05:14:33 am »
Hi guys I am absolutely new to Virtuemart, a complete virgin, so please bare with me....


VirtueMart 3.2.4
Joomla 3.8.1
PHP 7
You may see the a test tab at this page:
http://www.filakitaki.com/index.php/en/test


I am trying to set up un test product to learn a bit about virtuemart and to have a base to go from with the following products; yet its a bit of a mess to change the image size no matter what I do it stays small.  I ve seen some tutorial but they are V1 and V2 tutorials with coding and I guess I am not doing something right or maybe its a version thing.

on the other hand.... I just dont get why virtuemart being such a cool and potent storefront can't make it easier to handle image sizing without having to go on coding like getting a super cool car but hey! Guess what? You got to make your own steering wheel LOL!



Any guidance on how to deal with images would be super appreciated!  Have a good day/evening!!

Studio 42

  • Contributing Developer
  • Full Member
  • *
  • Posts: 2432
  • Joomla & Virtuemart addon developper
    • Studio 42 - Virtuemart & Joomla extentions
  • VirtueMart Version: 2.6 & 3.0.x.y
Re: Main Product Image resize VirtueMart 3.2.4
« Reply #1 on: October 12, 2017, 11:32:55 am »
You have a css in Virtuemart.
Code: [Select]
.browseProductImage {
    max-height: 90px;
    width: auto;
    max-width: 100%;
}
max-height: 90px; is why it not resize correctly.
Try to add in your template css
Code: [Select]
img.browseProductImage {max-height: 300px;} for eg. or
Code: [Select]
img.browseProductImage {max-height: 100%;}

alquemius

  • Beginner
  • *
  • Posts: 11
  • Skype Name: tduque_skyper
Re: Main Product Image resize VirtueMart 3.2.4
« Reply #2 on: October 12, 2017, 14:30:56 pm »
Thank you Studio42!

Are you talking about virtuemart.css ? Where may I find that file ?



Studio 42

  • Contributing Developer
  • Full Member
  • *
  • Posts: 2432
  • Joomla & Virtuemart addon developper
    • Studio 42 - Virtuemart & Joomla extentions
  • VirtueMart Version: 2.6 & 3.0.x.y
Re: Main Product Image resize VirtueMart 3.2.4
« Reply #3 on: October 12, 2017, 14:37:43 pm »
You can simply add the rule in your template.
Directly in any CSS file of your template or if you can add custom CSS rules in the template style.

alquemius

  • Beginner
  • *
  • Posts: 11
  • Skype Name: tduque_skyper
Re: Main Product Image resize VirtueMart 3.2.4
« Reply #4 on: October 12, 2017, 15:04:02 pm »
Alright, will give it a go.

Thank you Studio 42!