Author Topic: Triple image approach for every photo  (Read 4000 times)

borro

  • Jr. Member
  • **
  • Posts: 207
  • Wish you happiness!
    • web developing, web design
  • VirtueMart Version: a few
Triple image approach for every photo
« 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
Wish you happiness!

Maxim Pishnyak

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 2657
Re: Triple image approach for every photo
« Reply #1 on: July 06, 2013, 16:07:10 pm »
Do you understand what from your task is not available via Virtuemart?

Maxim Pishnyak

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 2657
Re: Triple image approach for every photo
« Reply #2 on: July 07, 2013, 15:46:38 pm »
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);

borro

  • Jr. Member
  • **
  • Posts: 207
  • Wish you happiness!
    • web developing, web design
  • VirtueMart Version: a few
Re: Triple image approach for every photo
« Reply #3 on: July 08, 2013, 07:50:30 am »
Thank you
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...
Wish you happiness!

Maxim Pishnyak

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 2657
Re: Triple image approach for every photo
« Reply #4 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.

borro

  • Jr. Member
  • **
  • Posts: 207
  • Wish you happiness!
    • web developing, web design
  • VirtueMart Version: a few
Re: Triple image approach for every photo
« Reply #5 on: July 09, 2013, 08:30:48 am »
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.
Wish you happiness!


borro

  • Jr. Member
  • **
  • Posts: 207
  • Wish you happiness!
    • web developing, web design
  • VirtueMart Version: a few
Re: Triple image approach for every photo
« Reply #7 on: July 09, 2013, 13:03:42 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?
Wish you happiness!

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 27535
  • Always on vacation
    • Jenkin Hill Internet
Re: Triple image approach for every photo
« Reply #8 on: July 09, 2013, 13:18:56 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.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM 3.6.3.10163 on Joomla 3.9.12 PHP 7.0.33

borro

  • Jr. Member
  • **
  • Posts: 207
  • Wish you happiness!
    • web developing, web design
  • VirtueMart Version: a few
Re: Triple image approach for every photo
« Reply #9 on: July 09, 2013, 13:29:16 pm »
Thank you
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?
Wish you happiness!

Maxim Pishnyak

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 2657
Re: Triple image approach for every photo
« Reply #10 on: July 09, 2013, 19:36:48 pm »
... it's bad for SEO...
I agreed that slow page loading is bad for SEO.

BUT
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.
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.

borro

  • Jr. Member
  • **
  • Posts: 207
  • Wish you happiness!
    • web developing, web design
  • VirtueMart Version: a few
Re: Triple image approach for every photo
« Reply #11 on: July 10, 2013, 08:05:15 am »
You ignored my advice to make detail "medium" image smaller without css.
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
Wish you happiness!

Maxim Pishnyak

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 2657
Re: Triple image approach for every photo
« Reply #12 on: July 10, 2013, 08:59:08 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")

Maxim Pishnyak

  • Global Moderator
  • Sr. Member
  • *
  • Posts: 2657
Re: Triple image approach for every photo
« Reply #13 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.

borro

  • Jr. Member
  • **
  • Posts: 207
  • Wish you happiness!
    • web developing, web design
  • VirtueMart Version: a few
Re: Triple image approach for every photo
« Reply #14 on: July 11, 2013, 07:38:37 am »
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 but it's under attack now, not available
Wish you happiness!