Joomla Templates Club 406,261 posts

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#201999

Is there a way to add a Page Heading to a “List All Categories” page without changing the layout of the page?

I would like the page to keep the following rectangular layout, but when a Page Heading is added all the squares move to the right side and are morphed into a bigger square.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#552628

can you please add the page heading there, so I can see the issue and provide the right solution.

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#554268

Hi Chavan,
I’ve done as you’ve asked, and since provided you my admin details. Do you have any suggestions on the right solution?

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#555076

Can you provide the screenshot with description of how you want to achieve, it would be easier for me to provide the suggestion

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#555294

Please see attached image, and the example title “PAGE HEADING”.

---

Attachments:

1. 

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#555424

<em>@sobe 453187 wrote:</em><blockquote>
Please see attached image, and the example title “PAGE HEADING”.</blockquote>

Thank for your information.

I’m currently out of office. I will reply your question as soon as I’m back

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#555752

1. You can change the code in file root/templates/ja_fixel/html/com_content/categories/default.php

FROM >> http://prntscr.com/57w26l

<div class="fixel-grid-wrapper">
<div id="fixel-grid" class="fixel-grid categories-list<?php echo $this->pageclass_sfx;?>">

<?php if ($this->params->get('show_page_heading')) : ?>
<div class="items grid-2x2 no-repeat pageheading">
<article>
<h2><?php echo $this->escape($this->params->get('page_heading')); ?></h2>
<?php if($this->params->get('jpage_desc')) : ?>
<div><?php echo $this->escape($this->params->get('jpage_desc')); ?></div>
<?php endif ?>
</article>
</div>
<?php endif; ?>

<?php if ($this->params->get('show_base_description')) : ?>
<?php //If there is a description in the menu parameters use that; ?>
<?php if ($this->params->get('categories_description')) : ?>
<?php echo JHtml::_('content.prepare', $this->params->get('categories_description'), '', 'com_content.categories'); ?>
<?php else: ?>
<?php //Otherwise get one from the database if it exists. ?>
<?php if ($this->parent->description) : ?>
<div class="category-desc">
<?php echo JHtml::_('content.prepare', $this->parent->description, '', 'com_content.categories'); ?>
</div>
<?php endif; ?>
<?php endif; ?>
<?php endif; ?>

<?php echo $this->loadTemplate('items'); ?>
</div>
</div>

TO >> http://prntscr.com/57w33d

<?php if ($this->params->get('show_page_heading')) : ?>
<div class="items grid-2x2 no-repeat pageheading">
<article>
<h2><?php echo $this->escape($this->params->get('page_heading')); ?></h2>
<?php if($this->params->get('jpage_desc')) : ?>
<div><?php echo $this->escape($this->params->get('jpage_desc')); ?></div>
<?php endif ?>
</article>
</div>
<?php endif; ?>

<div class="fixel-grid-wrapper">
<div id="fixel-grid" class="fixel-grid categories-list<?php echo $this->pageclass_sfx;?>">
<?php if ($this->params->get('show_base_description')) : ?>
<?php //If there is a description in the menu parameters use that; ?>
<?php if ($this->params->get('categories_description')) : ?>
<?php echo JHtml::_('content.prepare', $this->params->get('categories_description'), '', 'com_content.categories'); ?>
<?php else: ?>
<?php //Otherwise get one from the database if it exists. ?>
<?php if ($this->parent->description) : ?>
<div class="category-desc">
<?php echo JHtml::_('content.prepare', $this->parent->description, '', 'com_content.categories'); ?>
</div>
<?php endif; ?>
<?php endif; ?>
<?php endif; ?>

<?php echo $this->loadTemplate('items'); ?>
</div>
</div>

2. Add this code to the file root/templates/ja_fixel/css/custom.css to style the page heading. You can change the value to meet your need.

.pageheading article {
background: #e67e22
color: #fff
font-size: 17px;
line-height: 1.8;
padding: 80px;
}

Result >> http://prntscr.com/57w2rv

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#555910

Hi Eragon,
I was able to create the heading, but the image still clustered into a square to the right side on the screen (instead of being vertical rectangles)

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#555916

Have you follow my instruction?

Can you provide your site URL, temporary admin account and the direct link to that page. I can have a look

[sobe Friend sobeJoin date: June 2010Posts: 249Downloads:13Uploads:20 Thanks: 32 Thanked: 4 times in 1 posts]

#555950

Yes, I’ll send you a PM shortly. Thanks for the assistance.

[Eragon H Friend Eragon HJoin date: July 2014Posts: 468Downloads:1Uploads:39 Thanks: 5 Thanked: 156 times in 149 posts]

#556024

You forget to remove/comment out the code lines that you copied to above >> http://prntscr.com/58hiw5

Result : http://prntscr.com/58hjco

1 user says Thank You to Eragon H for this useful post

1. sobe

[Author]

Posts