Page Class Suffix in template code

ralphonz · Post by **ralphonz** » Tue Oct 21, 2008 9:03 pm

its http://www.sonic-rites.com

i want a different style to show on the artist content items

Thanks for taking the time to look

mark_up · Post by **mark_up** » Tue Oct 21, 2008 9:18 pm

Hmmm... Replicant is a little complicated.

Parts of the style are controlled by

Code: Select all

http://www.sonic-rites.com/templates/rt_replicant/css/header-XXXX.css

, so maybe use that for your different pages (with Ninja Style).

If you just want to change the background image per page, there is some code on the RT forums contributed by a member for that (if i recall correctly). Look in the member submissions forum.

I don't know all that much about Replicant, having never used it, but I suspect MuffinDCC, who posted earlier in this thread, might just know a little about that templates inner workings.

Sorry if that isn't much help. You picked a tough (but very sexy) template to work with

abushumays · Post by **abushumays** » Wed Nov 26, 2008 7:40 pm

My goal is, rather than modifying individual CSS classes based on the Page Class Suffix, to call in a whole stylesheet using that suffix.

looking at the code posted above:

Code: Select all

    <?php
    $menus     = &JSite::getMenu();
    $menu       = $menus->getActive();
    $pageclass = "";
       
    if (is_object( $menu )) :
    $params = new JParameter( $menu->params );
    $pageclass = $params->get( 'pageclass_sfx' );
    endif;
    ?>
    </head>
    <body class="<?php echo $pageclass; ?>">

i'm wondering if anyone thinks there should be any problem with linking in a stylesheet based on $pageclass, rather than using $pageclass to modify the class of <body>?

e.g. replacing the last two lines of the above with:

Code: Select all

<link rel="stylesheet" href="http://mywebsite.com/templates/mytemplate/css/<?php echo $pageclass ?>.css" type="text/css" />

with the various files ($pageclass).css containing the styles for pages with that page class suffix.

Is there any reason this shouldn't work in index.php for my site?

MuffinDCC · Post by **MuffinDCC** » Wed Nov 26, 2008 9:18 pm

That seems a perfectly reasonable approach, just remove the class from the <body>.

creations · Post by **creations** » Tue Dec 16, 2008 4:44 pm

Hi, this code is great, exactly what I'm looking for!
It works perfectly in all browsers but IE6, I just couldn't get it to load my backgrounds there, and I want to have a different background on every page.

The last idea, with loading a new CSS file works in IE6 as well, but I'd rather use the body class than load so many CSS files. Any ideas?

Floddy · Post by **Floddy** » Mon Jan 05, 2009 10:06 pm

Hi,

Thanks a lot for this, it's exactly what I'm looking for. Saved me lots of searching time!

Regards,
Floddy

bobbravo2 · Post by **bobbravo2** » Mon Jun 22, 2009 11:04 pm

MuffinDCC wrote:This code works for me and doesn't display any errors.
Code: Select all
<?php
$menus 	 = &JSite::getMenu();
$menu   	 = $menus->getActive();
$pageclass = "";
	
if (is_object( $menu )) : 
$params = new JParameter( $menu->params );
$pageclass = $params->get( 'pageclass_sfx' );
endif; 
?>
</head>
<body class="<?php echo $pageclass; ?>">
*This is my 3rd edit of this post with all the code lol *

Thanks this works beautifully!

TomT · Post by **TomT** » Mon Aug 31, 2009 2:37 pm

Thanks, works great

kavaXtreme · Post by **kavaXtreme** » Sat Sep 19, 2009 11:04 pm

Much appreciated!

A tutorial based on this thread can now be found here:
http://docs.joomla.org/Using_the_Page_C ... plate_Code

ltempest · Post by **ltempest** » Mon Nov 23, 2009 3:41 pm

Does the page DOCTYPE matter when using this code?

I have followed the tutorial exactly and copied and pasted the code for item id, but nothing gets put in the body ID tag other than 'default' no matter what menu item I click on.

Any help most appreciated. I include my code below for reference:

Code: Select all

<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
 
 <?php
   $itemid = JRequest::getVar('Itemid');
   $menu = &JSite::getMenu();
   $active = $menu->getItem($itemid);
   $params = $menu->getParams( $active->id );
   $pageclass = $params->get( 'pageclass_sfx' );
 ?>

<head>
<jdoc:include type="head" />

<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template_css.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/test.css" type="text/css" />
<link rel="stylesheet" href="css/test.css" type="text/css" />

</head>

<body id="<?php echo $pageclass ? $pageclass : 'default'; ?>">
 	<div id="main">
		<div id="header_area"></div>		
		<?php if($this->countModules('user1')) : ?><jdoc:include type="modules" name="user1" style="xhtml" /><?php endif; ?>
        <div id="contentarea">
		<?php if($this->countModules('user2')) : ?><jdoc:include type="modules" name="user2" style="xhtml" /><?php endif; ?>
        <jdoc:include type="component" />
		<?php if($this->countModules('user3')) : ?><jdoc:include type="modules" name="user3" style="xhtml" /><?php endif; ?>
		<?php if($this->countModules('user4')) : ?><jdoc:include type="modules" name="user3" style="xhtml" /><?php endif; ?>
        </div>
		<div id="footer">
		<?php if($this->countModules('user5')) : ?><jdoc:include type="modules" name="user5" style="xhtml" /><?php endif; ?>
		<?php if($this->countModules('user6')) : ?><jdoc:include type="modules" name="user6" style="xhtml" /><?php endif; ?>
		<?php if($this->countModules('user7')) : ?><jdoc:include type="modules" name="user7" style="xhtml" /><?php endif; ?>
		</div>
	</div>
</body>
</html>

TomT · Post by **TomT** » Tue Nov 24, 2009 9:13 am

I placed the code in the head of index.php. You placed it before the head tag, try changing this.

_prakash · Post by **_prakash** » Tue Nov 24, 2009 11:06 am

great work ....
I was trying to change the div classes inside the body, but the codes listed above is not working. Is that this works with the body tag only? If it is so please anyone help me out changing the div classes suffix according to selected menu..

TomT · Post by **TomT** » Wed Nov 25, 2009 7:07 am

_prakash wrote:great work ....
I was trying to change the div classes inside the body, but the codes listed above is not working. Is that this works with the body tag only? If it is so please anyone help me out changing the div classes suffix according to selected menu..

On http://leontinelieffering.nl/ i've got it working for a div inside the body. I Use it this way: <div id="content<?php echo $pageclass; ?>"><jdoc:include type="component" /></div>

mik0209jmla · Post by **mik0209jmla** » Tue Jun 15, 2010 7:12 pm

Hello,

I have tried adding this code

Code: Select all

<?php
   $menus = &JSite::getMenu();
   $menu = $menus->getActive();
   $pageclass = "";
   
   if (is_object( $menu )) :
   $params = new JParameter( $menu->params );
   $pageclass = $params->get( 'pageclass_sfx' );
   endif; ?>

to the RT Mixxmag index.php template file just above </head>, but the results are not working as they should.

I have also added this code

Code: Select all

<body id="ff-<?php echo $fontfamily; ?>" class="<?php echo $fontstyle; ?> <?php echo $pageclass; ?> <?php echo $tstyle; ?> iehandle">

to the <body> tag. The other styles are part of the core coding developed by Rocket Theme. Here is the generated source for the <body> tag

Code: Select all

<body id="ff-mixxmag" class="f-default "Page class should be echoed here" style1 iehandle">

Only a double space is rendered in this spot instead of the page class suffix.

I have added the page class suffix to the menu item, but the code is not being rendered correctly.

I hope someone can help me with this issue and I thank you in advance for your time.

Joomla 1.5.10
RT Mixxmag template version 1.5.2

garstud · Post by **garstud** » Mon Jun 28, 2010 12:55 pm

MuffinDCC wrote:This code works for me and doesn't display any errors.

Code: Select all

<?php
$menus 	 = &JSite::getMenu();
$menu   	 = $menus->getActive();
$pageclass = "";
	
if (is_object( $menu )) : 
$params = new JParameter( $menu->params );
$pageclass = $params->get( 'pageclass_sfx' );
endif; 
?>
</head>
<body class="<?php echo $pageclass; ?>">

Great, it works, thank you for this nice tips

garstud · Post by **garstud** » Mon Jun 28, 2010 1:01 pm

mik0209jmla wrote: Only a double space is rendered in this spot instead of the page class suffix.

I have added the page class suffix to the menu item, but the code is not being rendered correctly.

Hello,

Double white space ? it seems that no menu object was found !
The double white space appears when clicking on the menu you have added a suffix ?
Have you put the php code before the body tag ?

mik0209jmla · Post by **mik0209jmla** » Mon Jun 28, 2010 3:08 pm

Hello,

I submitted a posting on the Rocket Theme forums and found out the problem was related to the parent menu item not being published. I tested it on a local server and everything is functioning as it should.

Thank you for your input.

harveybass · Post by **harveybass** » Tue Jan 04, 2011 12:58 am

does this code work in joomla 1.6? I have been trying with no success?

gavjof · Post by **gavjof** » Wed Jan 19, 2011 9:49 am

kavaXtreme wrote:Much appreciated!

A tutorial based on this thread can now be found here:
http://docs.joomla.org/Using_the_Page_C ... plate_Code

Great topic. Thanks for all the work.

A note: I believe there is a syntax error in the docs page.
By Active menu is:

Code: Select all

$pageclass = $params->get( 'pageclass_sfx' ));

This generates a syntax error while:

Code: Select all

$pageclass = $params->get( 'pageclass_sfx' );

works fine.

harveybass · Post by **harveybass** » Tue Mar 01, 2011 11:42 am

can anyone give me a working example of code for joomla 1.6

I am currently using this

-------------- in the head -------------
<?php defined('_JEXEC') or die('Restricted access');

$menus = &JSite::getMenu();
$menu = $menus->getActive();
$pageclass = "";

if (is_object( $menu )) :
$params = new JParameter( $menu->params );
$pageclass = $params->get( 'pageclass_sfx' );
endif;

echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>

--------------in the body --------------
<?php if ($pageclass == "_home") { ?>

<?php } ?>

designsubway · Post by **designsubway** » Thu May 12, 2011 3:28 pm

For Joomla 1.6 use this in the head:

Code: Select all

<?php
$app = JFactory::getApplication('site');
$pageclass =  & $app->getParams('com_content');
?>

And then this for the <body> tag:

Code: Select all

<body class="<?php echo $pageclass ->get('pageclass_sfx'); ?>">

webSlaveParis · Post by **webSlaveParis** » Fri Aug 05, 2011 11:44 am

Hello everyone,
that very usefull code is not working for me !

I've tried both possibilities, placed them in different places in my index.php...
the $pageclass variable remains desparetely empty...

Anyone who's had the same problem and found a solution ?
Thanks for the help you could give.

Webslave
(Joomla 1.5.20)

designsubway · Post by **designsubway** » Sun Aug 07, 2011 6:22 pm

@webSlaveParis

My version won't work because it only applies to Joolma 1.6 and 1.7

I suggest you go back and read this thread properly for Joomla 1.5

webSlaveParis · Post by **webSlaveParis** » Mon Aug 08, 2011 7:02 am

I have read it properly and thouroughly...

HelenSims · Post by **HelenSims** » Tue Aug 09, 2011 5:40 pm

Working perfectly for me. Thanks, really appreciate it

erhabe · Post by **erhabe** » Mon Jan 30, 2012 3:33 am

Hello

I added

Code: Select all

<?php
  $itemid = JRequest::getVar('Itemid');
  $menu = &JSite::getMenu();
  $active = $menu->getItem($itemid);
  $params = $menu->getParams( $active->id );
  $pageclass = $params->get( 'pageclass_sfx' );
?>

and

Code: Select all

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/<?php echo $pageclass ?>.css" type="text/css" />

on my index.php file.
I put on menu page suffix place the suffixes and everything works perfect.
BUT i have problems with 2 components that see this only on the page that menu is linked on.
On other pages of the same component i got this

Code: Select all

<link rel="stylesheet" href="/templates/rhuk_milkyway/css/.css" type="text/css" />

Can someone help me to solve this problem because the css file cant be loaded.
Thank you

kshdzines · Post by **kshdzines** » Sat Mar 10, 2012 1:45 pm

MuffinDCC wrote:I modified the code so it was a bit leaner, it was a bit ... long winded as I was testing it out. So, for anyone wanted to implement it, just follows these steps:-

1. Open your template's index.php file (located in /templates/*template-name*/)

2. Find the </head> tag in the index.php, should be near the top area of the template

This sounds so great and exactly what I need...:-) BUT....my "index.php" for my template looks like this:

index.php
PHP script text

?><?php
/**
* @package yoo_neo Template
* @file index.php
* @version 5.5.1 August 2010
* @author YOOtheme http://www.yootheme.com
* @copyright Copyright (C) 2007 - 2010 YOOtheme GmbH
* @license YOOtheme Proprietary Use License (http://www.yootheme.com/license)
*/

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

// include config
include_once(dirname(__FILE__).'/config.php');

// load main template file, located in /layouts/template.php
echo $warp->template->render('template');

So, I go to the "template.php" and get this....

template.php
PHP script text

<?php
/**
* @package yoo_neo Template
* @file template.php
* @version 5.5.1 August 2010
* @author YOOtheme http://www.yootheme.com
* @copyright Copyright (C) 2007 - 2010 YOOtheme GmbH
* @license YOOtheme Proprietary Use License (http://www.yootheme.com/license)
*/

// get template configuration
include(dirname(__FILE__).'/template.config.php');

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->warp->config->get('language'); ?>" lang="<?php echo $this->warp->config->get('language'); ?>" dir="<?php echo $this->warp->config->get('direction'); ?>" >
<head>
<?php echo $this->warp->template->render('head'); ?>
<link rel="apple-touch-icon" href="<?php echo $this->warp->path->url('template:apple_touch_icon.png'); ?>" />
</head>

<body id="page" class="yoopage <?php echo $this->warp->config->get('columns'); ?> <?php echo $this->warp->config->get('itemcolor'); ?> <?php echo $this->warp->config->get('toolscolor'); ?> <?php echo $this->warp->config->get('frontpage'); ?> <?php echo $this->warp->config->get('webfonts'); ?>">

<?php if ($this->warp->modules->count('absolute')) : ?>
<div id="absolute">
<?php echo $this->warp->modules->render('absolute'); ?>
</div>
<?php endif; ?>........cont.

Can you please tell me where to insert this code??...:-(

I need just 1 page with a dk red background...I have this, but please look at the "wrapper" edge...it is still white. I need the whole page red...:-(

http://174.132.147.99/~renonati/index.p ... &Itemid=10

Thanks!
karen

Mihc · Post by **Mihc** » Fri Mar 16, 2012 1:41 pm

designsubway wrote:For Joomla 1.6 use this in the head:
Code: Select all
<?php
$app = JFactory::getApplication('site');
$pageclass =  & $app->getParams('com_content');
?>
And then this for the <body> tag:
Code: Select all
<body class="<?php echo $pageclass ->get('pageclass_sfx'); ?>">

I tried this code in Joomla 2.5.3 and the body class is empty. Is it working in latest J! or i have to use some different code?

LAMF · Post by **LAMF** » Mon Mar 26, 2012 11:56 am

This works just fine but if I have an article that is not linked to from any menu object how can I apply a page class-suffix to that article?
Is it possible at all?

adelion · Post by **adelion** » Thu Apr 12, 2012 1:48 am

Here is a solution for 2.5.x users:

Code: Select all

<?php
  $itemid = JRequest::getVar('Itemid');
  $menu = &JSite::getMenu();
  $active = $menu->getItem($itemid);
  $params = $menu->getParams( $active->id );
  $pageclass = $params->get( 'pageclass_sfx' );
?>

<html>
<head>
<jdoc:include type="head" />
</head>

<body class="<?php echo $pageclass ?>">

The Joomla! Forum™

Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Page Class Suffix to call in a style sheet

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code

Re: Page Class Suffix in template code