Author Topic: Main Product Image resize VirtueMart 3.2.4  (Read 1482 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
  • Sr. Member
  • *
  • Posts: 3955
  • Joomla & Virtuemart developper
    • Studio 42 - Virtuemart & Joomla extentions
  • VirtueMart Version: 2.6 & 3
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
  • Sr. Member
  • *
  • Posts: 3955
  • Joomla & Virtuemart developper
    • Studio 42 - Virtuemart & Joomla extentions
  • VirtueMart Version: 2.6 & 3
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!

marvays

  • Jr. Member
  • **
  • Posts: 217
    • http://marvays.cz
  • Skype Name: marvays
Re: Main Product Image resize VirtueMart 3.2.4
« Reply #5 on: November 01, 2018, 16:25:56 pm »
Hi. I have question. How I can make css for centered image, with overflow.
The input images are different in size and different aspect ratios. I need a product image to display 250px x 250px. min-height and min-width is 250px. Align to center. I've been trying it for an hour and I can not.


GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 8952
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.4.2
Re: Main Product Image resize VirtueMart 3.2.4
« Reply #7 on: November 01, 2018, 19:50:08 pm »
surely better to make them the same size .. pad out with whitespace etc

nothing looks worse than varying sizes and shapes of images.. bah
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 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
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

Milbo

  • Virtuemart Projectleader
  • Administrator
  • Super Hero
  • *
  • Posts: 9856
  • VM3.2 Cached and Optimized
    • VM3 Extensions
  • VirtueMart Version: VirtueMart 3 on joomla 3
Re: Main Product Image resize VirtueMart 3.2.4
« Reply #8 on: November 06, 2018, 20:17:13 pm »
There is also an automatic resize of the main image. Modern templates may omit the css width, heigth stuff and just use the vm resize feature. It depends on your template. Do you use the vmbeez?

Another idea is to override the css with an extra css style added to the header. but templaters may hate that also. Not simple to find a nice solution which fits to anyone.
I should fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/