How To Make K2 Item Image Open In New Tab

trevorellis

On The Astons Estate website on the Team page (http://www.astonestateslincsltd.co.uk/index.php/the-team) there are links to K2 items relating to staff members. When you click on one of these items, it opens a page with the picture of the staff member and some details (e.g. http://www.astonestateslincsltd.co.uk/index.php/the-team/item/1-harp-chatha). However, if you then click on the picture of the staff member while on this K2 item, it will open it in the same tab (http://www.astonestateslincsltd.co.uk/media/k2/items/cache/2fa67f482133f1c934235b73c2a03954_XL.jpg) and the only way back to the rest of the website is by pressing the browser's back button. We would like it so that the picture of the staff member opens in a new tab. We are using the Uber template. Please can you help? Is there any code we can put in the custom.css?

aman204

trevorellis We would like it so that the picture of the staff member opens in a new tab

Probably, this forum topic can help as this relates to making changes in K2 component files which is rendering the Item image. You may try change this code snippet:

<a href="<?php echo $item->link ?>">

<a href="<?php echo $item->link ?>" target="_blank">

Also, Kindly post for the same in K2 forums as this relates to rendering from specific component and adding some css rule-set in custom.css of template files wont help to derive the purpose as envisaged

trevorellis

aman204 Thanks for the speed of your response. I have tried your code in the item.php file in components/com_k2/templates/uber/default but it does not seem to have worked. I changed it there and also copied the com_k2 folder with the modified item.php and placed it in templates/uber/html. I'm unsure where to place the code referenced in the forum link that you gave (https://www.joomlaworks.net/forum/k2-en/44221-k2-related-item-images-link). Do you know where I need to put the code?

<?php if($this->item->params->get('itemRelatedImageSize')): ?>
<a href="<?php echo $item->link ?>">
<img style="width:<?php echo $item->imageWidth; ?>px;height:auto;" class="itemRelImg" src="<?php echo $item->image; ?>" alt="<?php K2HelperUtilities::cleanHtml($item->title); ?>" />
</a>
<?php endif; ?>

I will also try posting to the K2 forums.

aman204

trevorellis Hi

Can you add your ftp details too in edit fields in order to enable us to take closer look.
For reference, You can follow thread post (5 point) procedure.

trevorellis

aman204 Ftp details have now been included.

saguaros

trevorellis

Hi,

The issue is that your site doesn't load jQuery lib: http://prntscr.com/kgv5ie

I updated for you via K2 Parameters in back-end and now when you click the image, it will open inside a modal popup now

Kindly check and let me know if you need any further help

Cheers!