- Posts: 6
COMMUNITY FORUM
Create table using items extra fields
- benner
-
Topic Author
- Offline
- New Member
Less
More
8 years 7 months ago - 8 years 7 months ago #148510
by benner
Create table using items extra fields was created by benner
Hello,
I am trying to create a table that displays K2 items image for the items of a given category, and their respective extra fields.
So basically:
Title I Title E.F.1 I Title E.F.2 I Title E.F.3 I
Image of item 1 I Extra field 1 I Extra field 1 I Extra field 1 I
Image of item 2 I Extra field 2 I Extra field 2 I Extra field 2 I
Image of item 3 I Extra field 3 I Extra field 3 I Extra field 3 I
Image of item 4 I Extra field 4 I Extra field 4 I Extra field 4 I
Image of item 5 I Extra field 5 I Extra field 5 I Extra field 5 I
I tried to follow the steps described here but it does not work on my side... www.modernmagic.com/blog/joomla-technical-support/k2-table-like-list-in-category-view.html
Could someone please help me achieve this?
Thank you
I am trying to create a table that displays K2 items image for the items of a given category, and their respective extra fields.
So basically:
Title I Title E.F.1 I Title E.F.2 I Title E.F.3 I
Image of item 1 I Extra field 1 I Extra field 1 I Extra field 1 I
Image of item 2 I Extra field 2 I Extra field 2 I Extra field 2 I
Image of item 3 I Extra field 3 I Extra field 3 I Extra field 3 I
Image of item 4 I Extra field 4 I Extra field 4 I Extra field 4 I
Image of item 5 I Extra field 5 I Extra field 5 I Extra field 5 I
I tried to follow the steps described here but it does not work on my side... www.modernmagic.com/blog/joomla-technical-support/k2-table-like-list-in-category-view.html
Could someone please help me achieve this?
Thank you
Last edit: 8 years 7 months ago by benner. Reason: forgot to put link
Please Log in or Create an account to join the conversation.
- Kannan Naidu Venugopal
-
- Offline
- Platinum Member
- Aham Brahmasmi
8 years 6 months ago #148519
by Kannan Naidu Venugopal
K2 Rocks \m/
Replied by Kannan Naidu Venugopal on topic Create table using items extra fields
What have you done so far ? Can you share the code ?
K2 Rocks \m/
Please Log in or Create an account to join the conversation.
- benner
-
- Offline
- New Member
Less
More
- Posts: 6
8 years 6 months ago - 8 years 6 months ago #148551
by benner
Replied by benner on topic Create table using items extra fields
So far i have done this:
1. I have created a new k2 template folder: com_k2/templates/table
2. In com_k2/templates/table/category_item.php I have this (I have added the code after <!-- extrafields columns -->):
3. I have added the following paragraph at the end of the k2 .css file:
/* extrafields columns */
.extrafieldscolumns ul { width: 100%; margin:0;padding:0; /* CSS Reset */ max-width: 1000px; /* restrict the width */ margin: auto; /* center it */}.extrafieldscolumns li { width: 20%; float:left; /* IMPORTANT */ list-style-type: none; display:inline; /* IMPORTANT */}
/* END extrafields columns */
4. I have then selected the new created template ("table") in the K2 category for which I want to use the table.
The result looks like this:
K2 item 1
Headquarter: New York
Date Created: 1980
Minimum Deposit: 5000
K2 item 2
Headquarter Berlin
Date Created 1958
Minimum Deposit 3000
K2 item 3
Headquarter London
Date Created 1973
Minimum Deposit 3500
Instead of this:
Headquarter I Date Created I Minimum Deposit
K2 item 1 New York 1980 5000
K2 item 2 Berlin 1958 3000
K2 item 2 London 1973 3500
1. I have created a new k2 template folder: com_k2/templates/table
2. In com_k2/templates/table/category_item.php I have this (I have added the code after <!-- extrafields columns -->):
<?php
/**
* @version 2.6.x
* @package K2
* @author JoomlaWorks https://www.joomlaworks.net
* @copyright Copyright (c) 2006 - 2014 JoomlaWorks Ltd. All rights reserved.
* @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
*/
// no direct access
defined('_JEXEC') or die;
// Define default image size (do not change)
K2HelperUtilities::setDefaultImage($this->item, 'itemlist', $this->params);
?>
<!-- Start K2 Item Layout -->
<div class="catItemView group<?php echo ucfirst($this->item->itemGroup); ?><?php echo ($this->item->featured) ? ' catItemIsFeatured' : ''; ?><?php if($this->item->params->get('pageclass_sfx')) echo ' '.$this->item->params->get('pageclass_sfx'); ?>">
<!-- Plugins: BeforeDisplay -->
<?php echo $this->item->event->BeforeDisplay; ?>
<!-- K2 Plugins: K2BeforeDisplay -->
<?php echo $this->item->event->K2BeforeDisplay; ?>
<div class="catItemHeader">
<?php if($this->item->params->get('catItemDateCreated')): ?>
<!-- Date created -->
<span class="catItemDateCreated">
<?php echo JHTML::_('date', $this->item->created , JText::_('K2_DATE_FORMAT_LC2')); ?>
</span>
<?php endif; ?>
<?php if($this->item->params->get('catItemTitle')): ?>
<!-- Item title -->
<h3 class="catItemTitle">
<?php if(isset($this->item->editLink)): ?>
<!-- Item edit link -->
<span class="catItemEditLink">
<a class="modal" rel="{handler:'iframe',size:{x:990,y:550}}" href="<?php echo $this->item->editLink; ?>">
<?php echo JText::_('K2_EDIT_ITEM'); ?>
</a>
</span>
<?php endif; ?>
<?php if ($this->item->params->get('catItemTitleLinked')): ?>
<a href="<?php echo $this->item->link; ?>">
<?php echo $this->item->title; ?>
</a>
<?php else: ?>
<?php echo $this->item->title; ?>
<?php endif; ?>
<?php if($this->item->params->get('catItemFeaturedNotice') && $this->item->featured): ?>
<!-- Featured flag -->
<span>
<sup>
<?php echo JText::_('K2_FEATURED'); ?>
</sup>
</span>
<?php endif; ?>
</h3>
<?php endif; ?>
<?php if($this->item->params->get('catItemAuthor')): ?>
<!-- Item Author -->
<span class="catItemAuthor">
<?php echo K2HelperUtilities::writtenBy($this->item->author->profile->gender); ?>
<?php if(isset($this->item->author->link) && $this->item->author->link): ?>
<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; ?>
</span>
<?php endif; ?>
</div>
<!-- Plugins: AfterDisplayTitle -->
<?php echo $this->item->event->AfterDisplayTitle; ?>
<!-- K2 Plugins: K2AfterDisplayTitle -->
<?php echo $this->item->event->K2AfterDisplayTitle; ?>
<?php if($this->item->params->get('catItemRating')): ?>
<!-- Item Rating -->
<div class="catItemRatingBlock">
<span><?php echo JText::_('K2_RATE_THIS_ITEM'); ?></span>
<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="#" data-id="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_1_STAR_OUT_OF_5'); ?>" class="one-star">1</a></li>
<li><a href="#" data-id="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_2_STARS_OUT_OF_5'); ?>" class="two-stars">2</a></li>
<li><a href="#" data-id="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_3_STARS_OUT_OF_5'); ?>" class="three-stars">3</a></li>
<li><a href="#" data-id="<?php echo $this->item->id; ?>" title="<?php echo JText::_('K2_4_STARS_OUT_OF_5'); ?>" class="four-stars">4</a></li>
<li><a href="#" data-id="<?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>
<?php endif; ?>
<div class="catItemBody">
<!-- Plugins: BeforeDisplayContent -->
<?php echo $this->item->event->BeforeDisplayContent; ?>
<!-- K2 Plugins: K2BeforeDisplayContent -->
<?php echo $this->item->event->K2BeforeDisplayContent; ?>
<?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; ?>
<?php if($this->item->params->get('catItemIntroText')): ?>
<!-- Item introtext -->
<div class="catItemIntroText">
<?php echo $this->item->introtext; ?>
</div>
<?php endif; ?>
<div class="clr"></div>
<?php if($this->item->params->get('catItemExtraFields') && count($this->item->extra_fields)): ?>
<!-- Item extra fields -->
<div class="catItemExtraFields">
<h4><?php echo JText::_('K2_ADDITIONAL_INFO'); ?></h4>
<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="catItemExtraFieldsHeader"><?php echo $extraField->name; ?></h4>
<?php else: ?>
<span class="catItemExtraFieldsLabel"><?php echo $extraField->name; ?></span>
<span class="catItemExtraFieldsValue"><?php echo $extraField->value; ?></span>
<?php endif; ?>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
<div class="clr"></div>
</div>
<?php endif; ?>
<!-- Plugins: AfterDisplayContent -->
<?php echo $this->item->event->AfterDisplayContent; ?>
<!-- K2 Plugins: K2AfterDisplayContent -->
<?php echo $this->item->event->K2AfterDisplayContent; ?>
<div class="clr"></div>
</div>
<?php if(
$this->item->params->get('catItemHits') ||
$this->item->params->get('catItemCategory') ||
$this->item->params->get('catItemTags') ||
$this->item->params->get('catItemAttachments')
): ?>
<div class="catItemLinks">
<?php if($this->item->params->get('catItemHits')): ?>
<!-- Item Hits -->
<div class="catItemHitsBlock">
<span class="catItemHits">
<?php echo JText::_('K2_READ'); ?> <b><?php echo $this->item->hits; ?></b> <?php echo JText::_('K2_TIMES'); ?>
</span>
</div>
<?php endif; ?>
<?php if($this->item->params->get('catItemCategory')): ?>
<!-- Item category name -->
<div class="catItemCategory">
<span><?php echo JText::_('K2_PUBLISHED_IN'); ?></span>
<a href="<?php echo $this->item->category->link; ?>"><?php echo $this->item->category->name; ?></a>
</div>
<?php endif; ?>
<?php if($this->item->params->get('catItemTags') && count($this->item->tags)): ?>
<!-- Item tags -->
<div class="catItemTagsBlock">
<span><?php echo JText::_('K2_TAGGED_UNDER'); ?></span>
<ul class="catItemTags">
<?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('catItemAttachments') && count($this->item->attachments)): ?>
<!-- Item attachments -->
<div class="catItemAttachmentsBlock">
<span><?php echo JText::_('K2_DOWNLOAD_ATTACHMENTS'); ?></span>
<ul class="catItemAttachments">
<?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('catItemAttachmentsCounter')): ?>
<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('catItemVideo') && !empty($this->item->video)): ?>
<!-- Item video -->
<div class="catItemVideoBlock">
<h3><?php echo JText::_('K2_RELATED_VIDEO'); ?></h3>
<?php if($this->item->videoType=='embedded'): ?>
<div class="catItemVideoEmbedded">
<?php echo $this->item->video; ?>
</div>
<?php else: ?>
<span class="catItemVideo"><?php echo $this->item->video; ?></span>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if($this->item->params->get('catItemImageGallery') && !empty($this->item->gallery)): ?>
<!-- Item image gallery -->
<div class="catItemImageGallery">
<h4><?php echo JText::_('K2_IMAGE_GALLERY'); ?></h4>
<?php echo $this->item->gallery; ?>
</div>
<?php endif; ?>
<div class="clr"></div>
<?php if($this->item->params->get('catItemCommentsAnchor') && ( ($this->item->params->get('comments') == '2' && !$this->user->guest) || ($this->item->params->get('comments') == '1')) ): ?>
<!-- Anchor link to comments below -->
<div class="catItemCommentsLink">
<?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 href="<?php echo $this->item->link; ?>#itemCommentsAnchor">
<?php echo $this->item->numOfComments; ?> <?php echo ($this->item->numOfComments>1) ? JText::_('K2_COMMENTS') : JText::_('K2_COMMENT'); ?>
</a>
<?php else: ?>
<a href="<?php echo $this->item->link; ?>#itemCommentsAnchor">
<?php echo JText::_('K2_BE_THE_FIRST_TO_COMMENT'); ?>
</a>
<?php endif; ?>
<?php endif; ?>
</div>
<?php endif; ?>
<?php if ($this->item->params->get('catItemReadMore')): ?>
<!-- Item "read more..." link -->
<div class="catItemReadMore">
<a class="k2ReadMore" href="<?php echo $this->item->link; ?>">
<?php echo JText::_('K2_READ_MORE'); ?>
</a>
</div>
<?php endif; ?>
<div class="clr"></div>
<?php if($this->item->params->get('catItemDateModified')): ?>
<!-- Item date modified -->
<?php if($this->item->modified != $this->nullDate && $this->item->modified != $this->item->created ): ?>
<span class="catItemDateModified">
<?php echo JText::_('K2_LAST_MODIFIED_ON'); ?> <?php echo JHTML::_('date', $this->item->modified, JText::_('K2_DATE_FORMAT_LC2')); ?>
</span>
<?php endif; ?>
<?php endif; ?>
<!-- Plugins: AfterDisplay -->
<?php echo $this->item->event->AfterDisplay; ?>
<!-- K2 Plugins: K2AfterDisplay -->
<?php echo $this->item->event->K2AfterDisplay; ?>
<div class="clr"></div>
</div>
<!-- End K2 Item Layout -->
<!-- extrafields columns -->
<div class="extrafieldscolumns">
<ul>
<li><?php echo $this->item->extraFields->headquarter->value ;?></li>
<li><?php echo $this->item->extraFields->founded->value ;?></li>
<li><?php echo $this->item->extraFields->minimum-deposit->value ;?></li>
</ul>
</div>
<!-- END extrafields columns -->3. I have added the following paragraph at the end of the k2 .css file:
/* extrafields columns */
.extrafieldscolumns ul { width: 100%; margin:0;padding:0; /* CSS Reset */ max-width: 1000px; /* restrict the width */ margin: auto; /* center it */}.extrafieldscolumns li { width: 20%; float:left; /* IMPORTANT */ list-style-type: none; display:inline; /* IMPORTANT */}
/* END extrafields columns */
4. I have then selected the new created template ("table") in the K2 category for which I want to use the table.
The result looks like this:
K2 item 1
Headquarter: New York
Date Created: 1980
Minimum Deposit: 5000
K2 item 2
Headquarter Berlin
Date Created 1958
Minimum Deposit 3000
K2 item 3
Headquarter London
Date Created 1973
Minimum Deposit 3500
Instead of this:
Headquarter I Date Created I Minimum Deposit
K2 item 1 New York 1980 5000
K2 item 2 Berlin 1958 3000
K2 item 2 London 1973 3500
Last edit: 8 years 6 months ago by benner.
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
-
- Offline
- Platinum Member
Less
More
- Posts: 15920
8 years 6 months ago #148571
by Krikor Boghossian
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Replied by Krikor Boghossian on topic Create table using items extra fields
This has most likely to do with your template.
It might be inheriting styling from it.
It might be inheriting styling from it.
JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)
Please Log in or Create an account to join the conversation.