COMMUNITY FORUM

Diable item picture enlargement when clicked?

Start
Prev
1
Next
End

James C
Topic Author
Offline
New Member

10 years 10 months ago #121643 by James C

Diable item picture enlargement when clicked? was created by James C

I have a portfolio set up which shows various Items. As of now the only way to open the item is to click on the title and or click the MORE button. When you click on the photo it blows it up and puts it in a slide show mode. I would like the picture in the portfolio to be just another hot spot that can bring users to the item itself.

Any ideas guys and girls??

Thank you

James

veniceinformationcenter.com

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

Yiota
Visitor

10 years 10 months ago #121644 by Yiota

Replied by Yiota on topic Re: Diable item picture enlargement when clicked?

I clicked on the images in your listings and didn't get a slideshow. Did you solve your issue?

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

James C
Topic Author
Offline
New Member

10 years 9 months ago #121645 by James C

Replied by James C on topic Re: Diable item picture enlargement when clicked?

Thank you for responding. It does not open up a slide show but opens a enlarged version of the picture. I would like , when the picture is clicked to open up the item as if you clicked on the more link.

veniceinformationcenter.com/index.php/en/business/places-to-eat

The only way to view the item is to click on the title or the MORE button. I would like the picture to also be a hot spot.

Thank you in advance for your help.

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

Yiota
Visitor

10 years 9 months ago #121646 by Yiota

Replied by Yiota on topic Re: Diable item picture enlargement when clicked?

So you want to remove the slideshow functionality when you click on an item image through your lists and open the item page, like the more button does, right?

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

James C
Topic Author
Offline
New Member

10 years 9 months ago #121647 by James C

Replied by James C on topic Re: Diable item picture enlargement when clicked?

Yes that is exactly what I want to do. From the reading I have done it is called a image modal or image enlargement, because I am using the portfolio setup which I guess might be designed for artwork, but in my case it is not. So If I could make the whole thing picture included a link to view the full item I would be super happy.

Thank you.

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

Krikor Boghossian
Offline
Platinum Member

10 years 9 months ago #121648 by Krikor Boghossian

Replied by Krikor Boghossian on topic Re: Diable item picture enlargement when clicked?

You should edit the category_item.php file. This post will help you locate that file:
getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates

You have to remove the class="touch" from the img element and also replace the href="" attribute with the same link as the title has <?php echo $this->item->link; ?>.

PS. this is the code from the default template. When you are done your code should look similar to:

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

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

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

Start
Prev
1
Next
End