Virtuemart Support :: Topic: Image names (1/1)

Welcome, Guest

TOPIC: Image names

Image names 10 years 5 months ago #7316

dev Mint

Hi can you please tell me how to display the image names under the images in product view in flexi.

1. When we upload a product we can add images. we have a field Displayed image subtitle. In or example we entered black.
2. In the category view we see the word Black under the image. see screenshot category view.
3. In the product view we don't see this Displayed image subtitle. See screen shot product view.

1. how do we remove the Displayed image subtitle.from the category page?
2. how do we display Displayed image subtitle in the product view page?

Lastly, do you know of any way to integrate the custom field cart attribute with Image into the main image. So that when a user click on the different in=mages in cart custom fiel they will show up as the main image?

Attachments:

categoryview.png (831KB)
productviewpage.png (802KB)

The topic has been locked.

Image names 10 years 5 months ago #7334

Support

Hi,

Putting subtitle to product details page wasn't such a good idea. Because; what if you have 2 additional pictures and they have different subtitles?

Zoom effect we use in the template supports swapping the product pictures (once the thumbnail is clicked) but doesn't support swapping the image subtitles. Therefore the sub-title would remain the same even though the 2. thumbnail with a different sub-title is clicked. Understand what i am saying?
For this reason, we needed to disable the showing subtitles form the product details page (because of the zoom effect)

But if this is not the case, I mean; you are not using different subtitles for additional pictures, then you can include one of these PHP lines:

<?php echo $this->product->images[0]->file_description ?>  // subtitle of parent product picture
<?php echo $this->product->images[1]->file_description ?>  // subtitle of the 1. additional picture
<?php echo $this->product->images[2]->file_description ?>  // subtitle of the 2. additional picture
<?php echo $this->product->images[3]->file_description ?>  // subtitle of the 3. additional picture
...
...
..

anywhere in this PHP file:
/templates/YOUR_TEMPLATE/html/com_virtuemart/productdetails/default.php

To show the subtitles in the product details page.

I guess, the best place would be above/below the "ENLARGE PICTURE" text, which is generated by this line in that PHP file:

<a href="#enlarge" class="FlexibleEnlargeView">......

Regards,
Support

Last Edit: 10 years 5 months ago by Support.

The topic has been locked.

Image names 10 years 5 months ago #7340

dev Mint	thank you. This makes a lot of sense because the images title wont swap out. So now can you tell me how to remove the subtitle in the front end category view with out having to go in and change every product image in virtuemart? is there a line i can comment out? Attachments: SearchShop...7-43.png (869KB)
	The topic has been locked.

Image names 10 years 5 months ago #7345

Support	Yes you can. A simple CSS will do the trick. add this CSS rule: .browse-view .vm-img-desc { display:none; } to this file: /templates/YOUR_TEMPLATE/html/com_virtuemart/assets/css/flexibleVM2Global.css (or any CSS file that gets loaded on your website) So the image subtitle will be hidden by the CSS on browse page. No need to do anything in the backend. Regards. Support
	The topic has been locked.