I found this request posted in November 2009... and have not found any reply to it. Now, two years later, I have the same need.

I've been on the hunt for a "catalogue view" type of UI for my website for a while now. K2 has just about everything I'm looking for but there's one thing I wish it (and many other catalogue view components) had. When you select a product, many websites will also recommend similar products or related products. K2 has a related items option by tags but only shows it in link (text) format. What I would like to see is an option to view related items in blog view, with the options equivalent to a K2 menu item. In the end, I'm looking to display the related items in catalogue form (represented by pictures) rather than a list of links which can often be overlooked.

 

Are there any workarounds? Is there anyone working on changing the related items links into actual content?

 

Thanks,

 

Dennis

Hi Dennis,

 

I did this last night for latest item from author with an image and i just tested with related item by tags with a category blog view. I just limit it to 1) Title with Link  2) The Image  3) The Introtext and  4) The Read More link, i didn't include all the other rating and social stuffs. It did work but you need to style it according to your site.

Note : I just did a quick copy and paste the div tags from the category_item.php, so change the class details if you want to style it better.

 

Just do this with template overrides.

 

Go to item.php line Around 440 to 442.

Remove this

<ul> <?php foreach($this->relatedItems as $key=>$item): ?> <li class="<?php echo ($key%2) ? "odd" : "even"; ?>">
<a href="<?php echo $item->link ?>"><?php echo $item->title; ?></a>
</li>
<?php endforeach; ?>
</ul> 

 

Replace with this

<div class="<?php echo ($key%2) ? "odd" : "even"; ?>"> <h3 class="catItemTitle"> <a href="<?php echo $item->link; ?>">
<?php echo $item->title; ?>
</a>
</h3>
<!-- Item Image -->
<div class="catItemImageBlock">
<span class="catItemImage">
<a href="<?php echo $item->link ?>" title="<?php echo $item->title; ?>">
<img src="<?php echo $item->imageLarge = JURI::root().'media/k2/items/cache/'.md5("Image".$item->id).'_L.jpg'; ?>" alt="<?php echo $item->title; ?>" title="<?php echo $item->title; ?>" />
</a>
</span>
<div class="clr"></div>
</div>
<div class="catItemIntroText">
<?php echo $item->introtext; ?>
</div>

<div class="clr"></div>
<div class="catItemReadMore">
<a class="k2ReadMore" href="<?php echo $item->link ?>">
<?php echo JText::_('K2_READ_MORE'); ?>
</a>
</div>
</div>
<?php endforeach; ?>


Have a go and let me know if it suites your needs.

Hai kannan naidu.. u rae right...  are u from tamilnadu.. am from andhrapradesh, i completed my MCA in chennai

Hi Ravi,

 

Nope, not from TamilNadu. I'm from Malaysia.

actuavally am talking about ur native place, because ur name look like indian name..

Kannan,

 

I added the foreach first line to your code... and WOW... it worked! Thank you very much, and thanks for the prompt reply.

 

(I wonder why this functionality is not available in the core K2 component)

 

Thanks again,

 

Dennis

Hi Dennis,

 

Sorry for missing the foreach line, ctrl + c and ctrl +v error..LOL. Anyway, glad it worked out for you.