COMMUNITY FORUM

Item header

Start
Prev
1
Next
End

Aangedikt
Topic Author
Offline
New Member

11 years 4 weeks ago #137031 by Aangedikt

Item header was created by Aangedikt

Hello,

Two questions:

1. How can I remove or alter the K2 item headers? See screenshot. i.imgur.com/aYByapC.png

2. How can I get a different picture in the preview of a grid layout? Say in the gridlayout I want to show only picture A, then when clicking on it, it takes me to the item where I see picture B and my text. I got it working when using joomla articles, but I am using K2 now instead and can't seem to find where to put this.

Thanks again.

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

Yiota
Offline
Elite Member

11 years 4 weeks ago #137032 by Yiota

Replied by Yiota on topic Item header

1. You can remove it by adding the following CSS snippet in your custom.css file (templates/numodusversus/css).

.itemHeader:before {display:none;}
.itemHeaderInner {padding:0 0 20px;}

2. In K2 you cannot select different image between the category and the item view. You could use an image type extra field to show instead of the category image, for example, but it would require some modifications both in category_item and css to work. I wouldn't recommend it unless absolutely necessary.

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

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

Aangedikt
Topic Author
Offline
New Member

11 years 2 weeks ago #137033 by Aangedikt

Replied by Aangedikt on topic Item header

Thanks for the feedback. I got rid of the item header. Now, I have a blanc spot there. My K2 item starts after a few lines of nothing. I tried changing the padding to 0px but that didnt matter. Is there any way to get rid of this blanc space?

I would post a screenshot to explain it better, but imgur is offline at the moment. Hope my point is clear.

Thanks again,

Colin

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

Krikor Boghossian
Offline
Platinum Member

11 years 2 weeks ago #137034 by Krikor Boghossian

Replied by Krikor Boghossian on topic Item header

Hello Aangedikt,

I will need a live link to help you solve the issue.

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

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

Aangedikt
Topic Author
Offline
New Member

11 years 2 weeks ago #137035 by Aangedikt

Replied by Aangedikt on topic Item header

For example on: www.aangedikt.nl/index.php/aangenaam

Also, I'd like to make the whole block clickable on my category grid layout, not only the 'eye'. (www.aangedikt.nl/index.php/portfolio-aangedikt) How can I change this?

Thanks in advance!

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

Krikor Boghossian
Offline
Platinum Member

11 years 2 weeks ago #137036 by Krikor Boghossian

Replied by Krikor Boghossian on topic Item header

You can either remove the largePaddingTop class or in your custom css include something like

section.largePaddingTop { padding: 0 0 30px; }

You can change the first 0 to eg. 10px if you want bigger spacing.

#itemListPrimary .liItemBodyBlock .liItemHeader { padding: 10% 0 0; } will show the title of the item which is also clickable.
If you wish to make the entire area clickable you have to include the entire liItemBodyBlock inside an <a> element and strip all other links,
or you have to completely remove this element.

removing this element however will result in losing the transition effect.

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

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

Aangedikt
Topic Author
Offline
New Member

11 years 2 weeks ago #137037 by Aangedikt

Replied by Aangedikt on topic Item header

Thanks for the response. I managed to clear out the blank space! Looking great!

About the liItemBodyBlock, where should I change this? I'd like to keep the transition effect, but also like to be able to click the whole area.

I get the point of putting it inside the <a> tags, but where do I do this?

Thanks again, I really like the support on this. If I ever need to write a good review or something like that, please let me know.

Colin

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

Krikor Boghossian
Offline
Platinum Member

11 years 2 weeks ago #137038 by Krikor Boghossian

Replied by Krikor Boghossian on topic Item header

Thank you Colin :)

You need to edit your K2 templates and especially the category_item_grid.php file.
This is located in the html/com_k2/default folder of your template.

<div class="liItemBodyBlock"> is located around line 40. you will need to edit the code directly under it.

You should change your code to something like this.

	<div class="liItemHeader catItemHeader">
		<a href="<?php echo $this->item->link; ?>" title="<?php echo JText::_('K2_READ_MORE'); ?>">
		  <?php if ($this->item->params->get('catItemReadMore')): ?>
      <!-- Item "read more..." link -->
      <div class="liItemReadMore catItemReadMore">
         <span>
          <i class="icon-eye-open"></i>
         </span>  
      </div>
      <?php endif; ?>
    
  		<?php if($this->item->params->get('catItemDateCreated')): ?>
  		<!-- Date created -->
  		<span class="liItemDateCreated catItemDateCreated">
  			<?php echo JHTML::_('date', $this->item->created , 'd F Y'); ?>
  		</span>
  		<?php endif; ?>
  
  	  <?php if($this->item->params->get('catItemTitle')): ?>
  	  <!-- Item title -->
  	  <h3 class="liItemTitle catItemTitle">
 
  	  	<?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="liItemAuthor catItemAuthor">
  			<?php echo K2HelperUtilities::writtenBy($this->item->author->profile->gender); ?> 
  			<?php if(isset($this->item->author->link) && $this->item->author->link): ?>
  			<?php echo $this->item->author->name; ?>
  			<?php else: ?>
  			<?php echo $this->item->author->name; ?>
  			<?php endif; ?>
  		</span>
  		<?php endif; ?>
		</a>
  </div>

You might need to edit some CSS colours and copy the CSS values for: #itemListPrimary .liItemBodyBlock .liItemReadMore a and #itemListPrimary .liItemBodyBlock .liItemReadMore a:hover to reflect the changes in HTML eg:

#itemListPrimary .liItemBodyBlock .liItemReadMore span, #itemListPrimary .liItemBodyBlock .liItemReadMore:hover span

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

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

Johan SK
Offline
New Member

8 years 2 months ago - 8 years 2 months ago #158016 by Johan SK

Replied by Johan SK on topic Item header

SORRY seems a problem with browser. SOLVED Thank you!

Dear,
This solution (adding snippet) does not work for me.
Running same template.
Is there an update for the current version?
Tx!
Schucki

Last edit: 8 years 2 months ago by Johan SK. Reason: Solved

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

Krikor Boghossian
Offline
Platinum Member

8 years 2 months ago #158018 by Krikor Boghossian

Replied by Krikor Boghossian on topic Item header

Nice to hear that you got sorted it out :)

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