strange images behaviour

[fmlk4u]

The best way to explain my problem is by showing the screenshots. In the surveypage of products when somebody clicks on the thumbnail I want the enlaged image to be popped up. I can menage that but when I do it I get a yellow triangle in the detail page. Who can describe a proper use case how to fix this and to handle when adding products.

[attachment cleanup by admin]

[bytelord]

Hi,

I suppose you have something wrong ... any live url?
The first url is not pointed to images/stories, why?

But please provide a live url to check it also

Regards

[fmlk4u]

Here is the live URL: http://new.keyboard-centrum.nl/nl/assortiment/keyboards

To see the problem: just click on the image of DGX640 --> pop up of the thumbnail. Close the pop-up and select Artikelgegevens: Looks reasonably OK, except minor layout errors of missing spaces right after "Verkoopprijs and Fabrikant

Repeat the same steps for the next keyboard EZ-220 --> pop up is correct: enlarged image is shown. But on page artikelgegevens yellow triangle.

Hope that there is an easy solution/workinstruction to fix it. And also I would be very glad if you can give me help with the layout. The template is from Artisteer and virtuemart css is different. Sometimes it is hard to figure out which css is reponsible for which site.

Thanks for you help. Look forward to your reply.

Regards, Fred

[bytelord]

hm, artister templates is a nightmare especially for CSS, but you already figure this out

I think there is something wrong either on the product information (backend) under product images ... are there everything ok? can you verify it? i have an image attached for example...
Also i suppose under Configuration-> Templates you have enabled Enable Dynamic Thumbnail Resizing?
Last please try without template overrides.

btw, VM2 and joomla versions? PHP?

Regards

[jenkinhill]

Similar to this, fix for that issue at bottom.  http://forum.virtuemart.net/index.php?topic=109411.msg367373#msg367373

[fmlk4u]

Hello,

First of all thanks for your fast response.

First of all version info: Joomla 2.5.8, VM 2.0.14 AIO 2.0.14

Furthermore I send backend screenshots for the two keyboards. By the way I heard that with the new Dutch language package for VM many layoutproblems would be solved, is what Maarten Gruiters told me. I am still pritty new in VM so where is the resize checkmark? typical I make image approx. 700px wide and by uploading automatically a thumbnail of 200px wide is made. This was 100px but I found how to change it. Still looking a for a proper use case how to add a product with an image properly, which workflow.
So please be bit more specific where I can configure proper behaviour and where I can try override template.

Optionally you could send me email and privately I could make user account so you can look in the site for yourself.
Regards, Fred

Production: Joomla 2.5.8 | VM 2.0.14 | PHP 5.3.13


[attachment cleanup by admin]

[bytelord]

Hello Fred,

What i see is for example on the pdf you attached you have a path with an image at the bottom.
images/assortiment/keyboards/yamaha/EZ-220.jpg
and you have a ! triangle there ... does this folder have permissions? Why not using the default to upload your images on images/stories/virtuemart/products???

I think there is the issue ... or permissions issue and your front end cannot read that folder. Please try to upload those images on the normal path ...
also you changed both paths to be show the thumb ...

So, please correct those issues and report back... this is i am trying to say on my first post...

Regards

[bytelord]

btw,

I you want to use image thumb on your category page or product details page just edit your overrides or create if you don't have. How to use thumb instead of full image take a look over here: http://forum.virtuemart.net/index.php?topic=98647.0

To create a template override for category view for example just copythe file joomla_root_folder/components/com_virtuemart/views/category/tmpl/default.php under joomla_root_folder/templates/your_joomla_template/html/com_virtuemart/category/default.php
If the folders are not exist please create them ... if you already use template overrides edit the overridden file.

Now, just edit the code where the images is been displayed like the FAQ

Use firebug to examine you site code and css styling: https://forum.virtuemart.net/index.php?topic=102850.0

Template Overrides:
Creating Template overrides: https://forum.virtuemart.net/index.php?topic=98505.0
Template System: https://dev.virtuemart.net/projects/virtuemart/wiki/Hints_for_the_use_of_the_template_system

I don't understand why you are changing the paths on the backend ... the base url is the image url and the thumb is created automatically, please modify your template don't mess your media configuration

Hopefully understand what are you doing wrong ... you will find posts on the forum related to mediathumb a lot on the forum under template and layouts section.

Nikos

[fmlk4u]

Great!. Thanks for all your help.
This is what I did:
1. I backed-up the 'default_images.php and modified the original in line 26:

   <?php echo $this->product->images[0]->displayMediaThumb('class="product-image"',true,"class='modal'"); ?>

Then I removed all images to avoid duplicates with weird filenames and for each product I clicked the red cross and press Save to remove old links. Then I uploaded the image of each product, did nothing else and saved. Next I will remove the images of the detailed description because they are duplicates in a folder structure of the current www.keyboard-centrum.nl site which is typo3. Now I know this workflow next challenge  is to be able to change the number of results (10) because I want more products per page. And also the "header" of the products overview page, page 'keyboards' must have better layout: Yamaha not under Fabrikant and more vertical space. Probably also virtuemart css.

Thanks again,  Fred

[bytelord]

Hello Fred,

Yes, as i see everything working fine now on your site (no broken links). With CSS and some small template overrides you can adjust them as you want

[fmlk4u]

Hello,

After upgrade to VM 2.0.16 things were wrong again and I managed to fix is by editing the default_images.php. So the image sizes are OK again. However the behaviour is corrupted: In the old situation clicking the thumbnail image on the category page made the original image pop up in modal box. Clicking on the short description, "Artikelgegevens" or article name the detail page is opened.

After upgrade to 2.0.16 clicking the image also opens the detail page. With Firebug I saw difference between local xampp backup and the online site with VM 2.0.16

Next time I will upgrade locally first!!


[attachment cleanup by admin]

[fmlk4u]

Here is an additional pdf with showing the differences between 2.0.14 and 2.0.16. Please tell me which php file contains the bug and how to fix. How can I arrange overrides so that upgrade in the future doesn't give all this hassle?

Thanks, Fred

[attachment cleanup by admin]

[bytelord]

Hello,

In 2.0.16 was changed the image click behavior, but you can still change your template overrides to open it in popup ...
http://forum.virtuemart.net/index.php?topic=98647.0

This is something else with your initial issue that was related with the way you where edit/upload your media files from the backend.

Regards