K2 Article Layout

Forums    Joomla Templates Club    JA Fubix    K2 Article Layout
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • yellowjersey Friend
    October 19, 2013 at 5:41 am #191531

    Hello,

    I’m trying the achieve the following using the ja_fubix/html/com_k2/ja_fubix template:

    1. Currently, the author block appears above the K2 content when viewed on small screens. I want the author block to appear below the K2 content when viewed on a small screen, while remaining to the left of the K2 content when viewed on a standard size screen. Within item.php, I copied/pasted the “div.itemWrap” content to above the “inset” author block. The author block displays as desired on small screens but does not remain to the left of the content on standard screens; rather, it appears below the K2 content.

    2. Somewhat related to the above, I’ve reduced the width of the K2 article image block, and floated it left, so that the K2 content wraps around the image. This works, but interferes with my attempts at achieving Number 1 above.

    Any thoughts on how to achieve these together? Thank you!

    Ninja Lead Moderator
    October 22, 2013 at 11:10 am #509846

    I’m afraid I’m not quite getting what you are mentioning above. It would be awesome if you can possibly include a screenshot and description on that particular screenshot on what you would like to do. Otherwise, it’s like solving a puzzle without clue.

    Looking forward to your response. I’m eager to help!

    yellowjersey Friend
    November 5, 2013 at 2:34 am #511187

    Hi Ninja,

    Thank you for your response. I’ve included some screenshots below of the current Ja-Fubix K2 template and my custom K2 Template:

    – This image shows the current Ja-Fubix K2 template with a wide image across the top of the content (which I modified as described below).

    – This image shows that when the viewport is made narrow, the responsive template moves the author block above the content rather than below.

    – Here, I created a custom K2 template (based on the Ja-Fubix K2 template), and was able to make the item image smaller and floated left.

    – And was able to move the author block to below the content when the viewport is narrow.

    However, as you see in the third image above, by moving the author block below the content, when the viewport is wide the author block remains below the content. I can’t force it to move up as the arrow indicates. I tried multiple combinations of floats and removing <div class=”clr”>, but to no avail.

    Any thoughts?

    <?php
    /**
    * @version $Id: item.php 1812 2013-01-14 18:45:06Z lefteris.kavadas $
    * @package K2
    * @author JoomlaWorks http://www.joomlaworks.net
    * @copyright Copyright (c) 2006 - 2013 JoomlaWorks Ltd. All rights reserved.
    * @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
    */

    // no direct access
    defined('_JEXEC') or die;

    ?>

    <!-- Start K2 Item Layout -->
    <span id="startOfPageId<?php echo JRequest::getInt('id'); ?>"></span>

    <div id="k2Container" class="itemView<?php echo ($this->item->featured) ? ' itemIsFeatured' : ''; ?><?php if($this->item->params->get('pageclass_sfx')) echo ' '.$this->item->params->get('pageclass_sfx'); ?>">
    <div class="itemHeader">

    <!-- category header -->

    <?php if($this->item->params->get('itemCategory')): ?>
    <!-- Item category -->
    <div>
    <div class="gf-part-of-category">
    <?php echo JText::_('GF_ARTICLE_PART_OF'); ?></div>
    <dd class="itemCategory gf-article-category-badge-container">

    <a class="moduleItemCategory gf-article-category-badge category-name triathlon tbg-triblue" href="<?php echo $this->item->category->link; ?>"><?php echo $this->item->category->name; ?></a>
    </dd>
    <?php endif; ?>
    </div>
    <!-- end category header -->

    <?php if($this->item->params->get('itemTitle')): ?>
    <!-- Item title -->
    <h2 class="itemTitle">

    <?php echo $this->item->title; ?>

    <?php if($this->item->params->get('itemFeaturedNotice') && $this->item->featured): ?>
    <!-- Featured flag -->
    <span>
    <sup>
    <?php echo JText::_('K2_FEATURED'); ?>
    </sup>
    </span>
    <?php endif; ?>
    </h2>
    <?php endif; ?>

    <!-- Author Byline -->

    <div>
    <?php if($this->item->params->get('itemAuthor')): ?>
    <!-- Item Author -->
    <div class="gf-author">
    <?php echo JText::_('FUBIX_COM_K2_WRITTEN_BY'); ?></span>
    <?php if(empty($this->item->created_by_alias)): ?>
    <a rel="author" href="<?php echo $this->item->author->link; ?>"><?php echo $this->item->author->name; ?></a>
    <?php else: ?>
    <?php echo $this->item->author->name; ?>
    <?php endif; ?>
    </div>
    <?php endif; ?>
    </div>

    <!-- end Author Byline -->

    </div>

    <?php if($this->item->params->get('itemImage') && !empty($this->item->image)): ?>
    <!-- Item Image -->
    <div class="itemImageBlock">
    <span class="itemImage">
    <a class="modal" rel="{handler: 'image'}" href="<?php echo $this->item->imageXLarge; ?>" title="<?php echo JText::_('K2_CLICK_TO_PREVIEW_IMAGE'); ?>">
    <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>

    <?php if($this->item->params->get('itemImageMainCaption') && !empty($this->item->image_caption)): ?>
    <!-- Image caption -->
    <span class="itemImageCaption"><?php echo $this->item->image_caption; ?></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; ?>

    <div>
    <!-- test article -->

    <div class="itemWrap">
    <!-- Plugins: BeforeDisplay -->
    <?php echo $this->item->event->BeforeDisplay; ?>

    <!-- K2 Plugins: K2BeforeDisplay -->
    <?php echo $this->item->event->K2BeforeDisplay; ?>
    <div class="itemBody">

    <!-- Plugins: BeforeDisplayContent -->
    <?php echo $this->item->event->BeforeDisplayContent; ?>

    <!-- K2 Plugins: K2BeforeDisplayContent -->
    <?php echo $this->item->event->K2BeforeDisplayContent; ?>

    <?php if(!empty($this->item->fulltext)): ?>
    <?php if($this->item->params->get('itemIntroText')): ?>
    <!-- Item introtext -->
    <div class="itemIntroText">
    <?php echo $this->item->introtext; ?>
    </div>

    <?php endif; ?>

    <!-- start test buttons -->

    <?php if($this->item->params->get('itemPrintButton') && !JRequest::getInt('print')): ?>
    <!-- Buttons -->
    <div>
    <dl class="article-info">

    <!-- Twitter Button -->

    <dd class="twitter-width">
    <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" >Tweet</a>
    </dd>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

    <!-- Pinterest Button -->
    <dd>
    <div style="float:left"><a href="//pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" ><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a></div>

    <script type="text/javascript">
    (function(d){
    var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
    p.type = 'text/javascript';
    p.async = true;
    p.src = '//assets.pinterest.com/js/pinit.js';
    f.parentNode.insertBefore(p, f);
    }(document));
    </script>
    </dd>
    <!-- Print Button -->
    <dd>

    <a class="itemPrintLink icon-print glyph-size-20" rel="nofollow" href="<?php echo $this->item->printLink; ?>" onclick="window.open(this.href,'printWindow','width=900,height=600,location=no,menubar=no,resizable=yes,scrollbars=yes'); return false;">

    </a>
    </dd>
    <?php endif; ?>

    <?php if(JRequest::getInt('print')==1): ?>
    <dd>
    <i class="icon-print"></i>
    <!-- Print button at the top of the print page only -->
    <a rel="nofollow" href="#" onclick="window.print();return false;">
    <span><?php echo JText::_('K2_PRINT_THIS_PAGE'); ?></span>
    </a>
    </dd>
    <?php endif; ?>

    <?php if($this->item->params->get('itemEmailButton') && !JRequest::getInt('print')): ?>
    <!-- Email Button -->
    <dd>

    <a class="itemEmailLink icon-envelope glyph-size-20" rel="nofollow" href="<?php echo $this->item->emailLink; ?>" onclick="window.open(this.href,'emailWindow','width=400,height=350,location=no,menubar=no,resizable=no,scrollbars=no'); return false;">

    </a>
    </dd>
    <?php endif; ?>
    </dl>
    </div>
    <div class="clr"></div>
    <!-- end test buttons -->

    <?php if($this->item->params->get('itemFullText')): ?>
    <!-- Item fulltext -->
    <div class="itemFullText">
    <?php echo $this->item->fulltext; ?>
    </div>
    <?php endif; ?>
    <?php else: ?>
    <!-- Item text -->
    <div class="itemFullText">
    <?php echo $this->item->introtext; ?>
    </div>
    <?php endif; ?>

    <div class="clr"></div>

    <?php if($this->item->params->get('itemHits') || ($this->item->params->get('itemDateModified') && intval($this->item->modified)!=0)): ?>
    <div class="itemContentFooter">

    <?php if($this->item->params->get('itemHits')): ?>
    <!-- Item Hits -->
    <span class="itemHits">
    <?php echo JText::_('K2_READ'); ?> <b><?php echo $this->item->hits; ?></b> <?php echo JText::_('K2_TIMES'); ?>
    </span>
    <?php endif; ?>

    <?php if($this->item->params->get('itemDateModified') && intval($this->item->modified)!=0): ?>
    <!-- Item date modified -->
    <span class="itemDateModified">
    <?php echo JText::_('K2_LAST_MODIFIED_ON'); ?> <?php echo JHTML::_('date', $this->item->modified, JText::_('K2_DATE_FORMAT_LC2')); ?>
    </span>
    <?php endif; ?>

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

    <div class="clr"></div>
    </div>

    </div>

    <!-- end test article -->

    <?php if($this->item->params->get('itemExtraFields') && count($this->item->extra_fields)): ?>
    <!-- Item extra fields -->
    <div class="itemExtraFields">
    <h3><?php echo JText::_('K2_ADDITIONAL_INFO'); ?></h3>
    <ul>
    <?php foreach ($this->item->extra_fields as $key=>$extraField): ?>
    <?php if($extraField->value != ''): ?>
    <li class="<?php echo ($key%2) ? "odd" : "even"; ?> type<?php echo ucfirst($extraField->type); ?> group<?php echo $extraField->group; ?>">
    <?php if($extraField->type == 'header'): ?>
    <h4 class="itemExtraFieldsHeader"><?php echo $extraField->name; ?></h4>
    <?php else: ?>
    <span class="itemExtraFieldsLabel"><?php echo $extraField->name; ?>:</span>
    <span class="itemExtraFieldsValue"><?php echo $extraField->value; ?></span>
    <?php endif; ?>
    </li>
    <?php endif; ?>
    <?php endforeach; ?>
    </ul>
    <div class="clr"></div>
    </div>
    <?php endif; ?>
    <div class="clr"></div>
    <div class="inset">
    <?php if(
    $this->item->params->get('itemFontResizer') ||
    $this->item->params->get('itemPrintButton') ||
    $this->item->params->get('itemEmailButton') ||
    $this->item->params->get('itemSocialButton') ||
    $this->item->params->get('itemVideoAnchor') ||
    $this->item->params->get('itemImageGalleryAnchor') ||
    $this->item->params->get('itemCommentsAnchor') ||
    $this->item->params->get('itemRating') ||
    $this->item->params->get('itemCategory')
    ): ?>
    <dl class="article-info">
    <?php
    /* Moved
    <?php if($this->item->params->get('itemAuthor')): ?>
    <!-- Item Author -->
    <dd class="itemAuthor">
    <i class="icon-user"> </i><span><?php echo JText::_('FUBIX_COM_K2_WRITTEN_BY'); ?></span>
    <?php if(empty($this->item->created_by_alias)): ?>
    <a rel="author" href="<?php echo $this->item->author->link; ?>"><?php echo $this->item->author->name; ?></a>
    <?php else: ?>
    <?php echo $this->item->author->name; ?>
    <?php endif; ?>
    </dd>
    <?php endif; ?>
    */
    ?>

    <?php if($this->item->params->get('itemDateCreated')): ?>
    <!-- Date created -->
    <dd class="itemDateCreated">
    <i class="icon-calendar"> </i><span><?php echo JText::_('FUBIX_COM_K2_PUBLISHED_DATE_ON'); ?></span>
    <?php echo JHTML::_('date', $this->item->created , JText::_('DATE_FORMAT_LC3')); ?>
    </dd>
    <?php endif; ?>
    <?php
    /* Moved
    <?php if($this->item->params->get('itemCategory')): ?>
    <!-- Item category -->
    <dd class="itemCategory">
    <i class="icon-folder-close"> </i><span><?php echo JText::_('FUBIX_COM_K2_CATEGORY'); ?></span>
    <a href="<?php echo $this->item->category->link; ?>"><?php echo $this->item->category->name; ?></a>
    </dd>
    <?php endif; ?>
    */
    ?>

    <?php if($this->item->params->get('itemRating')): ?>
    <!-- Item Rating -->
    <dd>
    <div class="itemRatingBlock">
    <div class="itemRatingForm">
    <ul class="itemRatingList">
    <li class="itemCurrentRating" id="itemCurrentRating<?php echo $this->item->id; ?>" style="width:<?php echo $this->item->votingPercentage; ?>%;"></li>
    <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_1_STAR_OUT_OF_5'); ?>" class="one-star">1</a></li>
    <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_2_STARS_OUT_OF_5'); ?>" class="two-stars">2</a></li>
    <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_3_STARS_OUT_OF_5'); ?>" class="three-stars">3</a></li>
    <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_4_STARS_OUT_OF_5'); ?>" class="four-stars">4</a></li>
    <li><a href="#" rel="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_5_STARS_OUT_OF_5'); ?>" class="five-stars">5</a></li>
    </ul>
    <div id="itemRatingLog<?php echo $this->item->id; ?>" class="itemRatingLog"><?php echo $this->item->numOfvotes; ?></div>
    <div class="clr"></div>
    </div>
    <div class="clr"></div>
    </div>
    </dd>
    <?php endif; ?>

    <?php if(($this->item->event->AfterDisplayTitle && stripos($this->item->event->AfterDisplayTitle, 'count') !== false) || ($this->item->event->K2AfterDisplayTitle && stripos($this->item->event->K2AfterDisplayTitle, 'count') !== false)): ?>
    <dd>
    <i class="icon-comment"> </i>
    <!-- Plugins: AfterDisplayTitle -->
    <?php echo $this->item->event->AfterDisplayTitle; ?>

    <!-- K2 Plugins: K2AfterDisplayTitle -->
    <?php echo $this->item->event->K2AfterDisplayTitle; ?>
    </dd>
    <?php endif; ?>

    <?php if($this->item->params->get('itemFontResizer')): ?>
    <!-- Font Resizer -->
    <dd>
    <span class="itemTextResizerTitle"><?php echo JText::_('K2_FONT_SIZE'); ?></span>
    <a href="#" id="fontDecrease">
    <span><?php echo JText::_('K2_DECREASE_FONT_SIZE'); ?></span>
    <img src="<?php echo JURI::root(true); ?>/components/com_k2/images/system/blank.gif" alt="<?php echo JText::_('K2_DECREASE_FONT_SIZE'); ?>" />
    </a>
    <a href="#" id="fontIncrease">
    <span><?php echo JText::_('K2_INCREASE_FONT_SIZE'); ?></span>
    <img src="<?php echo JURI::root(true); ?>/components/com_k2/images/system/blank.gif" alt="<?php echo JText::_('K2_INCREASE_FONT_SIZE'); ?>" />
    </a>
    </dd>
    <?php endif; ?>
    <?php
    /* start
    <?php if($this->item->params->get('itemPrintButton') && !JRequest::getInt('print')): ?>
    <!-- Print Button -->
    <dd>
    <i class="icon-print"> </i>
    <a class="itemPrintLink" rel="nofollow" href="<?php echo $this->item->printLink; ?>" onclick="window.open(this.href,'printWindow','width=900,height=600,location=no,menubar=no,resizable=yes,scrollbars=yes'); return false;">
    <span><?php echo JText::_('K2_PRINT'); ?></span>
    </a>
    </dd>
    <?php endif; ?>

    <?php if(JRequest::getInt('print')==1): ?>
    <dd>
    <i class="icon-print"> </i>
    <!-- Print button at the top of the print page only -->
    <a rel="nofollow" href="#" onclick="window.print();return false;">
    <span><?php echo JText::_('K2_PRINT_THIS_PAGE'); ?></span>
    </a>
    </dd>
    <?php endif; ?>

    <?php if($this->item->params->get('itemEmailButton') && !JRequest::getInt('print')): ?>
    <!-- Email Button -->
    <dd>
    <i class="icon-envelope"> </i>
    <a class="itemEmailLink" rel="nofollow" href="<?php echo $this->item->emailLink; ?>" onclick="window.open(this.href,'emailWindow','width=400,height=350,location=no,menubar=no,resizable=no,scrollbars=no'); return false;">
    <span><?php echo JText::_('K2_EMAIL'); ?></span>
    </a>
    </dd>
    <?php endif; ?>
    end */
    ?>
    <?php if($this->item->params->get('itemSocialButton') && !is_null($this->item->params->get('socialButtonCode', NULL))): ?>
    <!-- Item Social Button -->
    <dd>
    <?php echo $this->item->params->get('socialButtonCode'); ?>
    </dd>
    <?php endif; ?>

    <?php if($this->item->params->get('itemVideoAnchor') && !empty($this->item->video)): ?>
    <!-- Anchor link to item video below - if it exists -->
    <dd>
    <a class="itemVideoLink k2Anchor" href="<?php echo $this->item->link; ?>#itemVideoAnchor"><?php echo JText::_('K2_MEDIA'); ?></a>
    </dd>
    <?php endif; ?>

    <?php if($this->item->params->get('itemImageGalleryAnchor') && !empty($this->item->gallery)): ?>
    <!-- Anchor link to item image gallery below - if it exists -->
    <dd>
    <a class="itemImageGalleryLink k2Anchor" href="<?php echo $this->item->link; ?>#itemImageGalleryAnchor"><?php echo JText::_('K2_IMAGE_GALLERY'); ?></a>
    </dd>
    <?php endif; ?>

    <?php if($this->item->params->get('itemCommentsAnchor') && $this->item->params->get('itemComments') && ( ($this->item->params->get('comments') == '2' && !$this->user->guest) || ($this->item->params->get('comments') == '1')) ): ?>
    <!-- Anchor link to comments below - if enabled -->
    <dd>
    <i class="icon-comment"> </i>
    <?php if(!empty($this->item->event->K2CommentsCounter)): ?>
    <!-- K2 Plugins: K2CommentsCounter -->
    <?php echo $this->item->event->K2CommentsCounter; ?>
    <?php else: ?>
    <?php if($this->item->numOfComments > 0): ?>
    <a class="itemCommentsLink k2Anchor" href="<?php echo $this->item->link; ?>#itemCommentsAnchor">
    <span><?php echo $this->item->numOfComments; ?></span> <?php echo ($this->item->numOfComments>1) ? JText::_('K2_COMMENTS') : JText::_('K2_COMMENT'); ?>
    </a>
    <?php else: ?>
    <a class="itemCommentsLink k2Anchor" href="<?php echo $this->item->link; ?>#itemCommentsAnchor">
    <?php echo JText::_('K2_BE_THE_FIRST_TO_COMMENT'); ?>
    </a>
    <?php endif; ?>
    <?php endif; ?>
    </dd>
    <?php endif; ?>
    <?php if(isset($this->item->editLink)): ?>
    <!-- Item edit link -->
    <dd class="itemEditLink">
    <i class="icon-edit"> </i>
    <a class="modal" rel="{handler:'iframe',size:{x:990,y:550}}" href="<?php echo $this->item->editLink; ?>">
    <?php echo JText::_('K2_EDIT_ITEM'); ?>
    </a>
    </dd>
    <?php endif; ?>
    </dl>
    <?php endif; ?>
    <?php
    /*
    Note regarding 'Related Items'!
    If you add:
    - the CSS rule 'overflow-x:scroll;' in the element div.itemRelated {…} in the k2.css
    - the class 'k2Scroller' to the ul element below
    - the classes 'k2ScrollerElement' and 'k2EqualHeights' to the li element inside the foreach loop below
    - the style attribute 'style="width:<?php echo $item->imageWidth; ?>px;"' to the li element inside the foreach loop below
    ...then your Related Items will be transformed into a vertical-scrolling block, inside which, all items have the same height (equal column heights). This can be very useful if you want to show your related articles or products with title/author/category/image etc., which would take a significant amount of space in the classic list-style display.
    */
    ?>

    <?php if($this->item->params->get('itemRelated') && isset($this->relatedItems)): ?>
    <!-- Related items by tag -->
    <div class="itemRelated">
    <h3><?php echo JText::_("K2_RELATED_ITEMS_BY_TAG"); ?></h3>
    <ul>
    <?php foreach($this->relatedItems as $key=>$item): ?>
    <li class="<?php echo ($key%2) ? "odd" : "even"; ?>">

    <?php if($this->item->params->get('itemRelatedTitle', 1)): ?>
    <a class="itemRelTitle" href="<?php echo $item->link ?>"><?php echo $item->title; ?></a>
    <?php endif; ?>

    <?php if($this->item->params->get('itemRelatedCategory')): ?>
    <div class="itemRelCat"><?php echo JText::_("K2_IN"); ?> <a href="<?php echo $item->category->link ?>"><?php echo $item->category->name; ?></a></div>
    <?php endif; ?>

    <?php if($this->item->params->get('itemRelatedAuthor')): ?>
    <div class="itemRelAuthor"><?php echo JText::_("K2_BY"); ?> <a rel="author" href="<?php echo $item->author->link; ?>"><?php echo $item->author->name; ?></a></div>
    <?php endif; ?>

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

    <?php if($this->item->params->get('itemRelatedIntrotext')): ?>
    <div class="itemRelIntrotext"><?php echo $item->introtext; ?></div>
    <?php endif; ?>

    <?php if($this->item->params->get('itemRelatedFulltext')): ?>
    <div class="itemRelFulltext"><?php echo $item->fulltext; ?></div>
    <?php endif; ?>

    <?php if($this->item->params->get('itemRelatedMedia')): ?>
    <?php if($item->videoType=='embedded'): ?>
    <div class="itemRelMediaEmbedded"><?php echo $item->video; ?></div>
    <?php else: ?>
    <div class="itemRelMedia"><?php echo $item->video; ?></div>
    <?php endif; ?>
    <?php endif; ?>

    <?php if($this->item->params->get('itemRelatedImageGallery')): ?>
    <div class="itemRelImageGallery"><?php echo $item->gallery; ?></div>
    <?php endif; ?>
    </li>
    <?php endforeach; ?>
    <li class="clr"></li>
    </ul>
    <div class="clr"></div>
    </div>
    <?php endif; ?>
    <?php if($this->item->params->get('itemAuthorLatest') && empty($this->item->created_by_alias) && isset($this->authorLatestItems)): ?>
    <!-- Latest items from author -->
    <div class="itemAuthorLatest">
    <h3><?php echo JText::_('K2_LATEST_FROM'); ?> <?php echo $this->item->author->name; ?></h3>
    <ul>
    <?php foreach($this->authorLatestItems 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>
    <div class="clr"></div>
    </div>
    <?php endif; ?>
    <?php if($this->item->params->get('itemAuthorBlock') && empty($this->item->created_by_alias)): ?>
    <!-- Author Block -->
    <div class="itemAuthorBlock">

    <?php if($this->item->params->get('itemAuthorImage') && !empty($this->item->author->avatar)): ?>
    <img class="itemAuthorAvatar" src="<?php echo $this->item->author->avatar; ?>" alt="<?php echo K2HelperUtilities::cleanHtml($this->item->author->name); ?>" />
    <?php endif; ?>

    <div class="itemAuthorDetails">
    <h3 class="itemAuthorName">
    <a rel="author" href="<?php echo $this->item->author->link; ?>"><?php echo $this->item->author->name; ?></a>
    </h3>

    <?php if($this->item->params->get('itemAuthorDescription') && !empty($this->item->author->profile->description)): ?>
    <p><?php echo $this->item->author->profile->description; ?></p>
    <?php endif; ?>

    <?php if($this->item->params->get('itemAuthorURL') && !empty($this->item->author->profile->url)): ?>
    <span class="itemAuthorUrl"><?php echo JText::_('K2_WEBSITE'); ?> <a rel="me" href="<?php echo $this->item->author->profile->url; ?>" target="_blank"><?php echo str_replace('http://','',$this->item->author->profile->url); ?></a></span>
    <?php endif; ?>

    <?php if($this->item->params->get('itemAuthorEmail')): ?>
    <span class="itemAuthorEmail"><?php echo JText::_('K2_EMAIL'); ?> <?php echo JHTML::_('Email.cloak', $this->item->author->email); ?></span>
    <?php endif; ?>

    <div class="clr"></div>

    <!-- end test --></div>
    <!-- K2 Plugins: K2UserDisplay -->
    <?php echo $this->item->event->K2UserDisplay; ?>

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

    <?php if($this->item->params->get('itemTwitterButton',1) || $this->item->params->get('itemFacebookButton',1) || $this->item->params->get('itemGooglePlusOneButton',1)): ?>
    <!-- Social sharing -->
    <div class="itemSocialSharing">

    <?php if($this->item->params->get('itemTwitterButton',1)): ?>
    <!-- Twitter Button -->
    <div class="itemTwitterButton">
    <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal"<?php if($this->item->params->get('twitterUsername')): ?> data-via="<?php echo $this->item->params->get('twitterUsername'); ?>"<?php endif; ?>>
    <?php echo JText::_('K2_TWEET'); ?>
    </a>
    <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
    </div>
    <?php endif; ?>

    <?php if($this->item->params->get('itemFacebookButton',1)): ?>
    <!-- Facebook Button -->
    <div class="itemFacebookButton">
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=129914867038158";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
    </div>
    <?php endif; ?>

    <?php if($this->item->params->get('itemGooglePlusOneButton',1)): ?>
    <!-- Google +1 Button -->
    <div class="itemGooglePlusOneButton">
    <g:plusone annotation="inline" width="120"></g:plusone>
    <script type="text/javascript">
    (function() {
    window.___gcfg = {lang: 'en'}; // Define button default language here
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
    </script>
    </div>
    <?php endif; ?>

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

    <?php if($this->item->params->get('itemTags') || $this->item->params->get('itemAttachments')): ?>
    <div class="itemLinks">
    <?php if($this->item->params->get('itemTags') && count($this->item->tags)): ?>
    <!-- Item tags -->
    <div class="itemTagsBlock">
    <span><?php echo JText::_('K2_TAGGED_UNDER'); ?></span>
    <ul class="itemTags">
    <?php foreach ($this->item->tags as $tag): ?>
    <li><a href="<?php echo $tag->link; ?>"><?php echo $tag->name; ?></a></li>
    <?php endforeach; ?>
    </ul>
    <div class="clr"></div>
    </div>
    <?php endif; ?>

    <?php if($this->item->params->get('itemAttachments') && count($this->item->attachments)): ?>
    <!-- Item attachments -->
    <div class="itemAttachmentsBlock">
    <span><?php echo JText::_('K2_DOWNLOAD_ATTACHMENTS'); ?></span>
    <ul class="itemAttachments">
    <?php foreach ($this->item->attachments as $attachment): ?>
    <li>
    <a title="<?php echo K2HelperUtilities::cleanHtml($attachment->titleAttribute); ?>" href="<?php echo $attachment->link; ?>"><?php echo $attachment->title; ?></a>
    <?php if($this->item->params->get('itemAttachmentsCounter')): ?>
    <span>(<?php echo $attachment->hits; ?> <?php echo ($attachment->hits==1) ? JText::_('K2_DOWNLOAD') : JText::_('K2_DOWNLOADS'); ?>)</span>
    <?php endif; ?>
    </li>
    <?php endforeach; ?>
    </ul>
    </div>
    <?php endif; ?>

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

    <div class="clr"></div>

    <?php if($this->item->params->get('itemVideo') && !empty($this->item->video)): ?>
    <!-- Item video -->
    <a name="itemVideoAnchor" id="itemVideoAnchor"></a>

    <div class="itemVideoBlock">
    <h3><?php echo JText::_('K2_MEDIA'); ?></h3>

    <?php if($this->item->videoType=='embedded'): ?>
    <div class="itemVideoEmbedded">
    <?php echo $this->item->video; ?>
    </div>
    <?php else: ?>
    <span class="itemVideo"><?php echo $this->item->video; ?></span>
    <?php endif; ?>

    <?php if($this->item->params->get('itemVideoCaption') && !empty($this->item->video_caption)): ?>
    <span class="itemVideoCaption"><?php echo $this->item->video_caption; ?></span>
    <?php endif; ?>

    <?php if($this->item->params->get('itemVideoCredits') && !empty($this->item->video_credits)): ?>
    <span class="itemVideoCredits"><?php echo $this->item->video_credits; ?></span>
    <?php endif; ?>

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

    <?php if($this->item->params->get('itemImageGallery') && !empty($this->item->gallery)): ?>
    <!-- Item image gallery -->
    <a name="itemImageGalleryAnchor" id="itemImageGalleryAnchor"></a>
    <div class="itemImageGallery">
    <h3><?php echo JText::_('K2_IMAGE_GALLERY'); ?></h3>
    <?php echo $this->item->gallery; ?>
    </div>
    <?php endif; ?>

    <?php if($this->item->params->get('itemNavigation') && !JRequest::getCmd('print') && (isset($this->item->nextLink) || isset($this->item->previousLink))): ?>
    <!-- Item navigation -->
    <div class="itemNavigation">
    <span class="itemNavigationTitle"><?php echo JText::_('K2_MORE_IN_THIS_CATEGORY'); ?></span>

    <?php if(isset($this->item->previousLink)): ?>
    <a class="itemPrevious" href="<?php echo $this->item->previousLink; ?>">
    « <?php echo $this->item->previousTitle; ?>
    </a>
    <?php endif; ?>

    <?php if(isset($this->item->nextLink)): ?>
    <a class="itemNext" href="<?php echo $this->item->nextLink; ?>">
    <?php echo $this->item->nextTitle; ?> »
    </a>
    <?php endif; ?>

    </div>
    <?php endif; ?>

    <!-- Plugins: AfterDisplay -->
    <?php echo $this->item->event->AfterDisplay; ?>

    <!-- K2 Plugins: K2AfterDisplay -->
    <?php echo $this->item->event->K2AfterDisplay; ?>

    <?php if($this->item->params->get('itemComments') && ( ($this->item->params->get('comments') == '2' && !$this->user->guest) || ($this->item->params->get('comments') == '1'))): ?>
    <!-- K2 Plugins: K2CommentsBlock -->
    <?php echo $this->item->event->K2CommentsBlock; ?>
    <?php endif; ?>

    <?php if($this->item->params->get('itemComments') && ($this->item->params->get('comments') == '1' || ($this->item->params->get('comments') == '2')) && empty($this->item->event->K2CommentsBlock)): ?>
    <!-- Item comments -->
    <a name="itemCommentsAnchor" id="itemCommentsAnchor"></a>

    <div class="itemComments">

    <?php if($this->item->params->get('commentsFormPosition')=='above' && $this->item->params->get('itemComments') && !JRequest::getInt('print') && ($this->item->params->get('comments') == '1' || ($this->item->params->get('comments') == '2' && K2HelperPermissions::canAddComment($this->item->catid)))): ?>
    <!-- Item comments form -->
    <div class="itemCommentsForm">
    <?php echo $this->loadTemplate('comments_form'); ?>
    </div>
    <?php endif; ?>

    <?php if($this->item->numOfComments>0 && $this->item->params->get('itemComments') && ($this->item->params->get('comments') == '1' || ($this->item->params->get('comments') == '2'))): ?>
    <!-- Item user comments -->
    <h3 class="itemCommentsCounter">
    <span><?php echo $this->item->numOfComments; ?></span> <?php echo ($this->item->numOfComments>1) ? JText::_('K2_COMMENTS') : JText::_('K2_COMMENT'); ?>
    </h3>

    <ul class="itemCommentsList">
    <?php foreach ($this->item->comments as $key=>$comment): ?>
    <li class="<?php echo ($key%2) ? "odd" : "even"; echo (!$this->item->created_by_alias && $comment->userID==$this->item->created_by) ? " authorResponse" : ""; echo($comment->published) ? '':' unpublishedComment'; ?>">

    <span class="commentLink">
    <a href="<?php echo $this->item->link; ?>#comment<?php echo $comment->id; ?>" name="comment<?php echo $comment->id; ?>" id="comment<?php echo $comment->id; ?>">
    <?php echo JText::_('K2_COMMENT_LINK'); ?>
    </a>
    </span>

    <?php if($comment->userImage): ?>
    <img src="<?php echo $comment->userImage; ?>" alt="<?php echo JFilterOutput::cleanText($comment->userName); ?>" width="<?php echo $this->item->params->get('commenterImgWidth'); ?>" />
    <?php endif; ?>

    <span class="commentDate">
    <?php echo JHTML::_('date', $comment->commentDate, JText::_('K2_DATE_FORMAT_LC2')); ?>
    </span>

    <span class="commentAuthorName">
    <?php echo JText::_('K2_POSTED_BY'); ?>
    <?php if(!empty($comment->userLink)): ?>
    <a href="<?php echo JFilterOutput::cleanText($comment->userLink); ?>" title="<?php echo JFilterOutput::cleanText($comment->userName); ?>" target="_blank" rel="nofollow">
    <?php echo $comment->userName; ?>
    </a>
    <?php else: ?>
    <?php echo $comment->userName; ?>
    <?php endif; ?>
    </span>

    <p><?php echo $comment->commentText; ?></p>

    <?php if($this->inlineCommentsModeration || ($comment->published && ($this->params->get('commentsReporting')=='1' || ($this->params->get('commentsReporting')=='2' && !$this->user->guest)))): ?>
    <span class="commentToolbar">
    <?php if($this->inlineCommentsModeration): ?>
    <?php if(!$comment->published): ?>
    <a class="commentApproveLink" href="<?php echo JRoute::_('index.php?option=com_k2&view=comments&task=publish&commentID='.$comment->id.'&format=raw')?>"><?php echo JText::_('K2_APPROVE')?></a>
    <?php endif; ?>

    <a class="commentRemoveLink" href="<?php echo JRoute::_('index.php?option=com_k2&view=comments&task=remove&commentID='.$comment->id.'&format=raw')?>"><?php echo JText::_('K2_REMOVE')?></a>
    <?php endif; ?>

    <?php if($comment->published && ($this->params->get('commentsReporting')=='1' || ($this->params->get('commentsReporting')=='2' && !$this->user->guest))): ?>
    <a class="modal" rel="{handler:'iframe',size:{x:560,y:480}}" href="<?php echo JRoute::_('index.php?option=com_k2&view=comments&task=report&commentID='.$comment->id)?>"><?php echo JText::_('K2_REPORT')?></a>
    <?php endif; ?>

    <?php if($comment->reportUserLink): ?>
    <a class="k2ReportUserButton" href="<?php echo $comment->reportUserLink; ?>"><?php echo JText::_('K2_FLAG_AS_SPAMMER'); ?></a>
    <?php endif; ?>

    </span>
    <?php endif; ?>

    <div class="clr"></div>
    </li>
    <?php endforeach; ?>
    </ul>

    <div class="itemCommentsPagination">
    <?php echo $this->pagination->getPagesLinks(); ?>
    <div class="clr"></div>
    </div>
    <?php endif; ?>

    <?php if($this->item->params->get('commentsFormPosition')=='below' && $this->item->params->get('itemComments') && !JRequest::getInt('print') && ($this->item->params->get('comments') == '1' || ($this->item->params->get('comments') == '2' && K2HelperPermissions::canAddComment($this->item->catid)))): ?>
    <!-- Item comments form -->
    <div class="itemCommentsForm">
    <?php echo $this->loadTemplate('comments_form'); ?>
    </div>
    <?php endif; ?>

    <?php $user = JFactory::getUser(); if ($this->item->params->get('comments') == '2' && $user->guest): ?>
    <div><?php echo JText::_('K2_LOGIN_TO_POST_COMMENTS'); ?></div>
    <?php endif; ?>

    </div>
    <?php endif; ?>
    <div class="clr"></div>
    <!-- Plugins: AfterDisplayContent -->
    <?php echo $this->item->event->AfterDisplayContent; ?>

    <!-- K2 Plugins: K2AfterDisplayContent -->
    <?php echo $this->item->event->K2AfterDisplayContent; ?>
    </div>

    <?php if(!JRequest::getCmd('print')): ?>
    <div class="itemBackToTop">
    <a class="k2Anchor" href="<?php echo $this->item->link; ?>#startOfPageId<?php echo JRequest::getInt('id'); ?>">
    <?php echo JText::_('K2_BACK_TO_TOP'); ?>
    </a>
    </div>
    <?php endif; ?>

    <!-- End K2 Item Layout -->

    1. Ja-Fubix_K2_Quickstart_Template
    2. Ja-Fubix_K2_Quickstart_Template_Narrow
    3. My_Custom_K2_Template
    4. My_Custom_K2_Template_Narrow
    yellowjersey Friend
    November 12, 2013 at 8:19 am #511934

    Hi Ninja Lead,

    …Just wanted to bump this up

    Thanks!

    Ninja Lead Moderator
    November 13, 2013 at 6:48 am #512051

    I used your script source code included here but the layout was broken but I did add AuthorAvatar into item.php of K2 conponent.


    <?php if($this->item->params->get('itemAuthorImage') && !empty($this->item->author->avatar)): ?>
    <dd class="itemAuthor">
    <img class="itemAuthorAvatar" src="<?php echo $this->item->author->avatar; ?>" alt="<?php echo K2HelperUtilities::cleanHtml($this->item->author->name); ?>" />
    </dd>
    <?php endif; ?>

    You can ownload and extract my attached file and copy it into templates/ja_fubix/html/com_k2/ja_fubix/item.php file

    1. item.zip
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 5 replies, has 2 voices, and was last updated by  Ninja Lead 11 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories