COMMUNITY FORUM

how to change alt tag from k2 image?

Start
Prev
1
Next
End

luis
Topic Author
Offline
New Member

10 years 8 months ago - 10 years 8 months ago #132133 by luis

how to change alt tag from k2 image? was created by luis

hi i wanted to know how to change the alt tag of an image from k2, i uploaded different articles and the images take the alt tag from the title of the article

im talking about the main image taken from the media folder (itemimage), not the other ones you can put inside the article
thx

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 8 months ago #132134 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: how to change alt tag from k2 image?

You need to override the item.php file.
In the alt tag you need to use $this->item->title;

This post will help you with overrides:
getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates

Please Log in or Create an account to join the conversation.

luis
Topic Author
Offline
New Member

10 years 8 months ago #132135 by luis

Replied by luis on topic Re: how to change alt tag from k2 image?

i am new to this, but i want to customize the alt tag from the main k2 image of an article...

isnt that code $this->item->title; going to put the title (of the article) like alt tag??

ty

Please Log in or Create an account to join the conversation.

Mr_Anonymous
Offline
Premium Member

10 years 8 months ago - 10 years 8 months ago #132136 by Mr_Anonymous

Replied by Mr_Anonymous on topic Re: how to change alt tag from k2 image?

Thats right. It places the article title as the image alt for that k2 item image.

Please Log in or Create an account to join the conversation.

luis
Topic Author
Offline
New Member

10 years 8 months ago #132137 by luis

Replied by luis on topic Re: how to change alt tag from k2 image?

do you know how can i customize the alt? , in other words how can i make it different from gettin the title name

ty

Please Log in or Create an account to join the conversation.

Mr_Anonymous
Offline
Premium Member

10 years 8 months ago #132138 by Mr_Anonymous

Replied by Mr_Anonymous on topic Re: how to change alt tag from k2 image?

You can edit it by creating template overrides like Krikore suggested. This will work if you have a pattern to use for all img alt. But if you want to change image Alt for each image individually, then it's not possible. What kind of alt info are you planning to add? Any particular reason you want to have a specific alt for images? Can you give examples?

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 8 months ago #132139 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: how to change alt tag from k2 image?

You can also use K2's photo caption or credits.

Please Log in or Create an account to join the conversation.

luis
Topic Author
Offline
New Member

10 years 7 months ago #132140 by luis

Replied by luis on topic Re: how to change alt tag from k2 image?

where is this k2 credits/photo caption?

i want to customize alt because of seo of images

Please Log in or Create an account to join the conversation.

luis
Topic Author
Offline
New Member

10 years 7 months ago #132141 by luis

Replied by luis on topic Re: how to change alt tag from k2 image?

i found them! but are they going to change the alt? or is not possible to customize it then? ty

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

10 years 7 months ago #132142 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: how to change alt tag from k2 image?

You can use that fields as your image's alt tag.
This has to be done in your item.php file of course.

Please Log in or Create an account to join the conversation.

Goran Nešić
Offline
New Member

7 years 8 months ago #164068 by Goran Nešić

Replied by Goran Nešić on topic how to change alt tag from k2 image?

Can you tell me where is this code located exactly and to that to change it. Because I have similar problem, on hover over image I get name of the cached image for example fksdghsagi4685461961.png instead of title.

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

7 years 8 months ago #164098 by Krikor Boghossian

Replied by Krikor Boghossian on topic how to change alt tag from k2 image?

The (default) code should look like this:
github.com/getk2/k2/blob/master/components/com_k2/templates/default/item.php#L203

Remember to use overrides:
getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates

Please Log in or Create an account to join the conversation.

Goran Nešić
Offline
New Member

7 years 8 months ago #164109 by Goran Nešić

Replied by Goran Nešić on topic how to change alt tag from k2 image?

Krikor wrote: The (default) code should look like this:
github.com/getk2/k2/blob/master/components/com_k2/templates/default/item.php#L203

Remember to use overrides:
getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates

Hello Krikor I have changed the code but still it is displaying image real name on hover with mouse instead or article name. I am making mistake somewhere.
Here is override I have created for this in my template:

<?php if($this->item->params->get('itemImage') && !empty($this->item->image)): ?>
	<!-- Item Image -->
		<div class="itemImageBlock">
			<span class="itemImage">
				<img src="<?php echo $this->item->image; ?>" alt="<?php if(!empty($this->item->title)) echo K2HelperUtilities::cleanHtml($this->item->title); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" style="width:<?php echo $this->item->imageWidth; ?>px; height:auto;" />
			</span>

			<?php if($this->item->params->get('itemImageMainCaption') && !empty($this->item->title)): ?>
			<!-- Image caption -->
			<span class="itemImageCaption"><?php echo $this->item->title; ?></span>
			<?php endif; ?>

			<?php if($this->item->params->get('itemImageMainCredits') && !empty($this->item->image_credits)): ?>
			<!-- Image credits -->
			<span class="itemImageCredits"><?php echo $this->item->image_credits; ?></span>
			<?php endif; ?>

			<div class="clr"></div>
		</div>
	<?php endif; ?>

Where am I making mistake?

Thank you again!

Please Log in or Create an account to join the conversation.

Krikor Boghossian
Offline
Platinum Member

7 years 8 months ago #164136 by Krikor Boghossian

Replied by Krikor Boghossian on topic how to change alt tag from k2 image?

This is not the alt tag, this is the title tag.
Replace the contents of the title tags on the <img> element with the ones of the alt tag.

eg:
... title="<?php if(!empty($this->item->title)) echo K2HelperUtilities::cleanHtml($this->item->title); else echo K2HelperUtilities::cleanHtml($this->item->title); ?>" />

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End