Keyword

Item header

  • Aangedikt
  • Aangedikt's Avatar Topic Author
  • Offline
  • New Member
More
7 years 6 months 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.

More
7 years 6 months ago #137032 by Yiota Ziaggou
Replied by Yiota Ziaggou 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.

Note to new users: Please remember to search the forum before posting a question!

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

  • Aangedikt
  • Aangedikt's Avatar Topic Author
  • Offline
  • New Member
More
7 years 6 months 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.

More
7 years 6 months 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.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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

  • Aangedikt
  • Aangedikt's Avatar Topic Author
  • Offline
  • New Member
More
7 years 6 months 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.

More
7 years 6 months 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.

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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

  • Aangedikt
  • Aangedikt's Avatar Topic Author
  • Offline
  • New Member
More
7 years 6 months 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.

More
7 years 6 months 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

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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

More
4 years 7 months ago - 4 years 7 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: 4 years 7 months ago by Johan SK. Reason: Solved

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

More
4 years 7 months ago #158018 by Krikor Boghossian
Replied by Krikor Boghossian on topic Item header
Nice to hear that you got sorted it out :)

IMPORTANT: Please search the forum before posting a question!

JoomlaWorks Support Team Member

---
JoomlaWorks
www.joomlaworks.net/

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


Powered by Kunena Forum