VirtueMart Forum

VirtueMart 2 + 3 + 4 => Product creation => Topic started by: borro on July 06, 2013, 12:41:53 PM

Title: Triple image approach for every photo
Post by: borro on July 06, 2013, 12:41:53 PM
Hello, friends

Do you know some solution to have three images for every product photo? That is in category of porducts you see their small images, in detail view you see medium image and when you clicking at medium image large image have to be opened.
Did you find solution for this task? Virtuemart 2.0.18a
Title: Re: Triple image approach for every photo
Post by: Maxim Pishnyak on July 06, 2013, 16:07:10 PM
Do you understand what from your task is not available via Virtuemart?
Title: Re: Triple image approach for every photo
Post by: Maxim Pishnyak on July 07, 2013, 15:46:38 PM
Quote from: borro on July 07, 2013, 11:06:54 AM
Hello.
Excuse me, I don't understand, what did you meant.
Detail view is the /productdetails/default_images.php
If you have there "Full" image command try to change it to the "Thumb", and you will have medium image which could be possible to enlarge.

To show more product images in Category view check views/category/view.html.php
$categoryModel->addImages($category,1); -> $categoryModel->addImages($category,111111111);
or maybe $categoryModel->addImages($category);
Title: Re: Triple image approach for every photo
Post by: borro on July 08, 2013, 07:50:30 AM
Thank you
Quote from: Maxim Pishnyak on July 07, 2013, 15:46:38 PM
Detail view is the /productdetails/default_images.php
If you have there "Full" image command try to change it to the "Thumb", and you will have medium image which could be possible to enlarge.

Do you suggest here to use small thumbs both in category view and in detail view and big photo when only clicking on small one in detail view? I need 3 copies for every photo(small, medium and big) to show them in  logic described above.

Why do you suggest to show more product images in category view in the next paragraph? My task is connected with changing of detail view functionality only. May be I don't understand your full plan for this problem solving...
Title: Re: Triple image approach for every photo
Post by: Maxim Pishnyak on July 08, 2013, 22:28:26 PM
So the problem is that on category page (small image) and on product page (medium image), this small image (category) is equal to medium image (detail)? Then you could use css to make category image smaller.

Could you enlarge medium image by clicking on it on your product page?

It's time to post here a link to your online shop.

Regards.
Title: Re: Triple image approach for every photo
Post by: borro on July 09, 2013, 08:30:48 AM
Quote from: Maxim Pishnyak on July 08, 2013, 22:28:26 PM
No, there is another task :)

There is a need to have small image in category view, medium copy in detail view and big copy of the same image in superdetail view when you clicking on medium picture in detail view.
Title: Re: Triple image approach for every photo
Post by: Maxim Pishnyak on July 09, 2013, 12:40:58 PM
So you don't have this stuff like on the official demo?

small image in category
http://demo.virtuemart.net/index.php/2012-01-13-09-33-20/virtuemart-category-layout
medium image on detail view
http://demo.virtuemart.net/index.php/2012-01-13-09-33-20/virtuemart-default-layout/mobile-phones/desire-hd-detail
big image when we click on "Full Image"
http://demo.virtuemart.net/index.php/2012-01-13-09-33-20/virtuemart-default-layout/mobile-phones/desire-hd-detail

Title: Re: Triple image approach for every photo
Post by: borro on July 09, 2013, 13:03:42 PM
Quote from: Maxim Pishnyak on July 09, 2013, 12:40:58 PM
So you don't have this stuff like on the official demo?

I have this functional but this technic for big and medium image uses the same one photo, the difference only in css applied to image. so when you have big high-quality photo, it will increase the time of detail page download, even you don't need to look at high-quality photo. This is bad for our low-speed guests and it's bad for SEO. So I need VM to show 3 really existing independent photos.
Any ideas?
Title: Re: Triple image approach for every photo
Post by: jenkinhill on July 09, 2013, 13:18:56 PM
Quote from: borro on July 06, 2013, 12:41:53 PM
That is in category of porducts you see their small images, in detail view you see medium image and when you clicking at medium image large image have to be opened.

Different sizes are displayed in VM2.0.20 (I don't have 2.0.18 to check). Small size image in the category view. In the product detail view the image shown is actually the full size image rescaled with css, click on it and fancybox opens to display the full size image. Thus 3 image sizes but only two images required. The full size image should be preloaded anyway for display so load time is likely to be hardly different. But if you want to rewrite the core to have 3 different image sizes then that's up to you, but we do not support modifications of the core files.

Nothing at all to do with SEO.
Title: Re: Triple image approach for every photo
Post by: borro on July 09, 2013, 13:29:16 PM
Thank you
Quote from: jenkinhill on July 09, 2013, 13:18:56 PM
But if you want to rewrite the core to have 3 different image sizes then that's up to you, but we do not support modifications of the core files.
I see. I feel that core modification is not so easy in this situation. I even can't imagine what to start from. May be there are extensions for that?
Title: Re: Triple image approach for every photo
Post by: Maxim Pishnyak on July 09, 2013, 19:36:48 PM
Quote from: borro on July 09, 2013, 13:03:42 PM
... it's bad for SEO...
I agreed that slow page loading is bad for SEO.

BUT
Quote from: jenkinhill on July 09, 2013, 13:18:56 PM
In the product detail view the image shown is actually the full size image rescaled with css
You ignored my advice to make detail "medium" image smaller without css.
Quote from: Maxim Pishnyak on July 07, 2013, 15:46:38 PM
Detail view is the /productdetails/default_images.php
If you have there "Full" image command try to change it to the "Thumb", and you will have [smaller] medium image which could be possible to enlarge.
Php trick was mentioned.
Title: Re: Triple image approach for every photo
Post by: borro on July 10, 2013, 08:05:15 AM
Quote from: Maxim Pishnyak on July 09, 2013, 19:36:48 PM
You ignored my advice to make detail "medium" image smaller without css.
Quote from: Maxim Pishnyak on July 07, 2013, 15:46:38 PM
Detail view is the /productdetails/default_images.php
If you have there "Full" image command try to change it to the "Thumb", and you will have [smaller] medium image which could be possible to enlarge.
Php trick was mentioned.
Sorry. I've finally tried what you was talking about. This displays thumb image in detail view. Thumbs are good in category view. But product detail page is not a category view and it needs to display exactly a bigger medium image, a third image size which is not presented in VM by default.
I'll look for third party extensions first and if i wouldn't find i'll correct detail view logic and will upload third images by hands via ftp
Title: Re: Triple image approach for every photo
Post by: Maxim Pishnyak on July 10, 2013, 08:59:08 AM
Quote from: borro on July 10, 2013, 08:05:15 AM
But product detail page is not a category view and it needs to display exactly a bigger medium image, a third image size which is not presented in VM by default.
Strange I thought that you don't like bigger medium images on detail pages:
1. longer to load page
2. worther SEO rank so
Is it 1. and 2. aren't your arguments?

Still you could use BIG medium image on detail page.

And after click on BIG medium image on detail page you could see EVEN BIGGER enlarged big image.
http://marine-motors.ru/category/1-mercury.html (so for even bigger enlarging click on "Expand to actual size")
Title: Re: Triple image approach for every photo
Post by: Maxim Pishnyak on July 10, 2013, 16:22:02 PM
Borro, you could perfectly simulate Phoca Gallery behavior in Virtumart.

You just need to decide for youself which page which image must have.

Still I can't see here link to your online web shop.

Believe me, when we could see results of your own efforts to try to do something here or there we could help you more preciously.
Title: Re: Triple image approach for every photo
Post by: borro on July 11, 2013, 07:38:37 AM
Quote from: Maxim Pishnyak on July 10, 2013, 16:22:02 PM
Borro, you could perfectly simulate Phoca Gallery behavior in Virtumart.

You just need to decide for youself which page which image must have.
Hello, Maxim

So you suggest to simulate creation of three jpegs after each image donwloading and then correct links in detail view, don't you?
If so next question have come:
Where is the file which generates thumbs for every image downloaded throught the product card in admin section?
Here is the shop (http://antilopagold.su) but it's under attack now, not available
Title: Re: Triple image approach for every photo
Post by: Maxim Pishnyak on July 11, 2013, 09:29:10 AM
Quote from: borro on July 11, 2013, 07:38:37 AM
Quote from: Maxim Pishnyak on July 10, 2013, 16:22:02 PM
Borro, you could perfectly simulate Phoca Gallery behavior in Virtumart.

You just need to decide for youself which page which image must have.
Hello, Maxim

So you suggest to simulate creation of three jpegs after each image donwloading and then correct links in detail view, don't you?
Hello, Borro.

Nope.
Quote from: borro on July 11, 2013, 07:38:37 AM
Here is the shop but it's under attack now, not available
It's very clear for everybody that you are not able to show us your prototype with easiness.
But in your case it's important to overcome some your problems and to place for example standard demo Virtuemart shop on, I don't know, on free web hosting elsewhere.
Thus you'll be able to control and show publicly what big/medium/small picture you able to put in shop and with which specific images you have problems.