Virtuemart Support :: Topic: image titles and alt tags (1/1)

Welcome, Guest

TOPIC: image titles and alt tags

image titles and alt tags 10 years 5 months ago #7419

dev Mint

Hi, there is an issue where your template will not display the image alt text or description. All the images do have this information. how do we get your template to display this. Here is what the template shows now.

<ul class="flexibleZoomAdditionalImagesList">
<li class="flexibleZoomAdditionalImagesEach"> <a href="/images/stories/virtuemart/product/img_30884.jpg" class="flexible-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'dev600.simplymint.com/images/stories/virtuemart/product/img_30884.jpg'"><img src="/images/stories/virtuemart/product/resized/img_30884_350x350.jpg" class="zoom-tiny-image-additional" /></a> </li>
<li class="flexibleZoomAdditionalImagesEach"> <a href="/images/stories/virtuemart/product/img_30907.jpg" class="flexible-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'dev600.simplymint.com/images/stories/virtuemart/product/img_30907.jpg'"><img src="/images/stories/virtuemart/product/resized/img_30907_350x350.jpg" class="zoom-tiny-image-additional" /></a> </li>
<li class="flexibleZoomAdditionalImagesEach"> <a href="/images/stories/virtuemart/product/img_30939.jpg" class="flexible-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'dev600.simplymint.com/images/stories/virtuemart/product/img_30939.jpg'"><img src="/images/stories/virtuemart/product/resized/img_30939_350x350.jpg" class="zoom-tiny-image-additional" /></a> </li>
</ul>

The administrator has disabled public write access.

image titles and alt tags 10 years 5 months ago #7461

Support	I don't understand what you are trying to ask. Regards.
	The administrator has disabled public write access.

image titles and alt tags 10 years 5 months ago #7541

dev Mint

currently when you display a product page and it has additional images your code does not display the "Displayed image subtitle" or meta title and does not display the Image Alt-Text in the html code. this present s significant SEO problem. if you look at the html code i sent in this thread you can see that li class flexibleZoomAdditionalImagesEach on displays

<a href="/images/stories/virtuemart/product/img_30884.jpg" class="flexible-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'dev600.simplymint.com/images/stories/virtuemart/product/img_30884.jpg'"><img

how can we get the code to pull the Alt-text and Title from Displayed Image title. here is what it would look like.

<a title="Displayed Image title goes here" href="/images/stories/virtuemart/product/img_30884.jpg" alt="ALT-Text from image goes here" class="flexible-zoom-gallery" rel="useZoom: 'zoom1', smallImage: 'dev600.simplymint.com/images/stories/virtuemart/product/img_30884.jpg'"><img

The administrator has disabled public write access.

image titles and alt tags 10 years 4 months ago #7565

dev Mint	So can you assist with this issue?
	The administrator has disabled public write access.

image titles and alt tags 10 years 4 months ago #7601

Support

Open this PHP file:

/templates/YOUR_TEMPLATE/html/com_virtuemart/productdetails/default.php
(default.php or flexv2.php whichever layout you are using for product details page currently)

and look for this line:

<li class="flexibleZoomAdditionalImagesEach"> <a href="<?php echo $this->product->images[$ImageId]->file_url;?>" class="flexible-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo JURI::root(); ?><?php echo $this->product->images[$ImageId]->file_url;?>'"><img src="<?php echo $this->product->images[$ImageId]->file_url_thumb;?>" class="zoom-tiny-image-additional"  /></a> </li>

and replace it with this:

<li class="flexibleZoomAdditionalImagesEach"> <a title="<?php echo $this->product->images[$ImageId]->file_description ;?>" href="<?php echo $this->product->images[$ImageId]->file_url;?>" class="flexible-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo JURI::root(); ?><?php echo $this->product->images[$ImageId]->file_url;?>'"><img alt="<?php echo $this->product->images[$ImageId]->file_meta ;?>" src="<?php echo $this->product->images[$ImageId]->file_url_thumb;?>" class="zoom-tiny-image-additional"  /></a> </li>