Author Topic: Product image too big on product details page  (Read 39913 times)

Snarkelton

  • Beginner
  • *
  • Posts: 21
    • Big Georgia Spots!
Re: Product image too big on product details page
« Reply #45 on: April 10, 2012, 23:22:30 pm »
Hi! Nice Solution. But how to fix to show the product title but not the file name under image in lightbox?

I have the same question.

Also, is there a way to set the (scaled) preview image size?

Nice fix, Gruz!

Gruz

  • 3rd party VirtueMart Developer
  • Jr. Member
  • *
  • Posts: 159
  • Copyleft (є) all rights reversed
Re: Product image too big on product details page
« Reply #46 on: April 10, 2012, 23:31:44 pm »
As soon as I finish my current urgent work I would give a look to the questions. Alas, I cannot pay attention to it right now. Please, wait several days.
Your installable language for VM2: http://gruz.org.ua/virtuemart-language-files.html

Snarkelton

  • Beginner
  • *
  • Posts: 21
    • Big Georgia Spots!
Re: Product image too big on product details page
« Reply #47 on: April 20, 2012, 01:09:57 am »
Every time I read this, it makes me angry:
"Please be aware that we did that on purpose. We or better said I want to awake a recognition of the actual image size."

The net result here is a horribly dysfunctional content manager. Ok, I'm AWAKE. What is your solution? ----there is none. You provide no solution for scaling images. You provide no solution for adjusting viewable area. You provide no control of thumbnail size. You provide no solution for viewing the full-size image (as in lightbox). Either upload an image that "fits" or else have a page that looks terrible.

From someone that has struggled to get a reasonably descent shop online using VM for several months, I would like to propose a sensible solution for future revisions of VM:

>Images are uploaded in large format by the user, say 800 (or whatever) px wide
>VM creates scaled images as necessary for 1. small thumbnails, 2. preview images, and 3. full size images for detailed viewing via lightbox popup.
>The user can specify the max width and max height parameters for all three above
>The user can easily access and replace 1, 2, or 3 above if he/she finds the scaled images to be of poor quality.
>The small thumbnails are only shown when there is more than one image (why have the image and little thumbnail together with nothing else?? ---even more nonsensical is to have two small thumbnails of the same image as the preview image!!!?!?)
>The main image changes as per clicks to the small thumbnails, and lightbox enables when the user clicks the preview image. Lightbox should include navigation, exit, and auto-close when clicking outside

Please refer to the massively successful amazon.com for a truly elegant and proven implementation.

With each revision of VM, it seems to favor developers and not common users---starkly in opposition to the philosophy of CMS. The net result will be users, like me, searching for alternatives and abandoning VM as a useful, broadly applicable solution.

Gruz

  • 3rd party VirtueMart Developer
  • Jr. Member
  • *
  • Posts: 159
  • Copyleft (є) all rights reversed
Re: Product image too big on product details page
« Reply #48 on: April 20, 2012, 01:23:22 am »
I think nowadays that a very easy solution is to use the biggest available photo in the VM backend and the use some plugin like bk-multithumb or one of these ones http://extensions.joomla.org/extensions/photos-a-images/images/articles-images to show resized photoes, popups and reall full size.
I have an idea to find the most applicable plugin and to propose an easy solution to the community.
This would be a joomla plugin - install and use.
Your installable language for VM2: http://gruz.org.ua/virtuemart-language-files.html

Snarkelton

  • Beginner
  • *
  • Posts: 21
    • Big Georgia Spots!
Re: Product image too big on product details page
« Reply #49 on: April 20, 2012, 02:05:35 am »
I'm not opposed to using one of these. In fact, I like the control of being able to script my own html for the layout of the page.

The challenge is then how to remove the "no image" preview and thumbnail. I assumed is was in default.php, but I'm not certain what to remove. And will I then have the "add to cart" section floating out in space?


Any help is greatly appreciated.

-Adam

Gruz

  • 3rd party VirtueMart Developer
  • Jr. Member
  • *
  • Posts: 159
  • Copyleft (є) all rights reversed
Re: Product image too big on product details page
« Reply #50 on: April 20, 2012, 02:12:21 am »
I have not understantd what you need.
Maybe you need to alter templates/YOURTEMPLATE/html/com_virtuemart/productdetails/default_images.php instead of templates/YOURTEMPLATE/html/com_virtuemart/productdetails/default.php   which you mention.

To hide the no-image at all you may parse the HTML what is going to be echoed in the file and do not echo it if the image is 'no image'.  But I'm not sure what you need.

I cannot make experiments now, can only tell ideas. I'm busy now.
Your installable language for VM2: http://gruz.org.ua/virtuemart-language-files.html

Snarkelton

  • Beginner
  • *
  • Posts: 21
    • Big Georgia Spots!
Re: Product image too big on product details page
« Reply #51 on: April 20, 2012, 02:43:24 am »
Thank you, Gruz. I will experiment and try to figure it out.

I tried installing plugins several times on several versions on VM, but Joomla plugins do not propagate into VM articles (descriptions). It would be very nice if they did, but this is yet another flaw of VM.

Gruz

  • 3rd party VirtueMart Developer
  • Jr. Member
  • *
  • Posts: 159
  • Copyleft (є) all rights reversed
Re: Product image too big on product details page
« Reply #52 on: April 20, 2012, 02:50:58 am »
Some of them work anywhere as they just parse HTML looking for images just before the full HTML page is sent to browser. You need to check the settings.

Besides, there is a VM backend option either to run plugins in VM, but I'm not sure if this will work in this case.

Besides you my alter you VM template file to output images in a way to be parsed by a plugin. You need to read the documentation. Pay attention to bk-multithumbnail.
Your installable language for VM2: http://gruz.org.ua/virtuemart-language-files.html

Tikkiro

  • Jr. Member
  • **
  • Posts: 88
Re: Product image too big on product details page
« Reply #53 on: April 21, 2012, 17:46:07 pm »
I'm just jumping in on this to say that I tried installing the Multithumbnail plugin but Joomla 2.5 kept returning the typical error "JInstaller: > :Install: Cannot find Joomla XML setup file" - sent a msg to the developer who gave the impression this plugin is no longer being maintained/supported, and he didn't think it would work with J2.5 :(

Gruz

  • 3rd party VirtueMart Developer
  • Jr. Member
  • *
  • Posts: 159
  • Copyleft (є) all rights reversed
Your installable language for VM2: http://gruz.org.ua/virtuemart-language-files.html

The Gabber

  • Beginner
  • *
  • Posts: 1
Re: Product image too big on product details page
« Reply #55 on: July 18, 2012, 13:23:00 pm »
Hi!
I faced with this problem too. I use VM2.0.8c. I checked code of default.php and it's too different to implement earlier patch.
So I tried to use multithumb - I installed and enabled plugin. Put in class field "medium-image" class on both - article and blog tabs. And turned on Enable Joomla Plugin. But it didn't help!
What did I wrong? Or if there's another fresh solution for this problem?

Peter1967

  • Beginner
  • *
  • Posts: 2
Re: Product image too big on product details page
« Reply #56 on: July 26, 2012, 17:41:53 pm »
Hallo,

i have the 8e version and the same problem, i test the BK multithumb  are no change full size by detail. By edit the default_images.php then i have very small image.

Have some one a better solution (we scale down, and by on click full size in popup or so)

This is very bad my old OSC (2003) make this better.

Best regards
Peter

ShowLiFE

  • Beginner
  • *
  • Posts: 39
    • Chico
Re: Product image too big on product details page
« Reply #57 on: July 27, 2012, 12:02:47 pm »
Hello
the problem is. css templates.
Go to: components / com_virtuemart / assets / css / vmsite-ltr.css
 and if you change what you have in line 156:
. main-image img.product-image and product-image change medium-image (because it is a medium-image in. php file from which it receives data (default_images.php))
then I got change max-width: 100% written in max-width: 200px (the size of the answer my suggestions), so that all images can not be larger than 200px

if not using default template VM then go to:
components / com_virtuemart / views / productdetails / tmpl / default_images.php
and in 26 line medium-image change with product-image.
Now this is a mess.
Best regards Chico

Peter1967

  • Beginner
  • *
  • Posts: 2
Re: Product image too big on product details page
« Reply #58 on: July 27, 2012, 16:48:51 pm »
Hallo,

i found this, and place in my templat css. Are you can not look the full size, only if i use second image then came a popup or on the fly zoom.

Have someone a solution for singel image by klick zoom or popup?

Big Thank´s for the css code.

Best regards
Peter

Code: [Select]
/* VM 2.08 Product main-image resize */
div.main-image img {
max-width:250px;
max-height:250px;
width:auto;
height:auto;
}


ShowLiFE

  • Beginner
  • *
  • Posts: 39
    • Chico
Re: Product image too big on product details page
« Reply #59 on: July 27, 2012, 20:01:25 pm »
Hello
Here are two examples:
1. Image size: 947 × 854px  http://termaltrade.si/trgovina/osvetlitev/led-tehnika/led-trak-30-rdec.html
2. Image size 466 x 427px  http://termaltrade.si/trgovina/osvetlitev/led-tehnika/led-trak-60-vodoodporen-hladna-bela.html
The difference is visible when you view a larger image, otherwise both look the same size.
Best regards Chico