joomla page class

Everything to do with Joomla! 3.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Locked
User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

joomla page class

Post by pishro » Tue Oct 01, 2013 11:55 pm

hi guys! ;)
What The page class at Joomla! ?
What is the use?
Name of the page class?
What can I put in the page class?

My purpose in this section is: Menu Manager: Edit Menu Item > Page Display Options > Page Class
Help25-chunk-page-display-options[1].png
NOT: Page Class. Add an optional page class to elements in the page. It allows CSS styling specific to menu items pages.

I've seen it only a brief, Please guide me in this regard.
Thanks.
You do not have the required permissions to view the files attached to this post.

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 27627
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: joomla page class

Post by imanickam » Wed Oct 02, 2013 6:11 am

Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Tamil (தமிழ்) Translation Team

Eegan - Support the poor and underprivileged

User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

Re: joomla page class

Post by pishro » Sat Oct 05, 2013 7:27 pm

imanickam wrote:Generally, Page class suffix is used to customize the look and feel of a page.

Review of the following documents would be of help.
http://docs.joomla.org/Using_Class_Suffixes
Hi imanickam! ;)
In that time I've read this content
But I mean, it was page class used only in the Joomla! 3 in Menu Manager: Edit Menu Item
Menu Manager-Edit Menu Item.png
I mean, not Page Class Suffix in code !
Using the Page Class style habits screen made ​​of? Please advice in this.
I appreciate you.
You do not have the required permissions to view the files attached to this post.

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 27627
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: joomla page class

Post by imanickam » Sun Oct 06, 2013 6:05 am

Page Class is indeed Page Class Suffix in Joomla! 2.5 and 3.x. I believe that it is an anomaly. In 1.5, you would see that as Page Class Suffix.

What I would suggest is to see the source of the code before and after filling this option.

I had brought this to the attention of the developers.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Tamil (தமிழ்) Translation Team

Eegan - Support the poor and underprivileged

User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

Re: joomla page class

Post by pishro » Tue Oct 08, 2013 5:34 am

Hi imanickam, Thank you for the answer. ;)
i have in my site this here ( right column: Module Most Read Content): http://www.cantral.ir/panasonic-pbx-company
I want the right column, 'd Like to be right column: http://developer.joomla.org/security.html
right menu.png
I just know it:
Module Class Suffix. A suffix applied to the CSS class of the Module. This allows you to create customized CSS styles that will apply just to this module. You would then modify the "template.css" file of your template to apply styling to this new class.
  • Enter this parameter with a leading space to create a new CSS class for this module. Enter the parameter without a leading space to change the CSS class name for this module.
Do I have something to add to this section?
Module Manager-Module Most Read Content.png
Where used in this code getbootstrap.com site:

Code: Select all

http://getbootstrap.com/css/#tables-contextual-classes
http://getbootstrap.com/components/#nav-pills
Do I need to change the code of the module?
please help me, thank you.
You do not have the required permissions to view the files attached to this post.

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 27627
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: joomla page class

Post by imanickam » Tue Oct 08, 2013 8:59 am

I believe that the module you have referenced in the Joomla! Security page is formed using a custom developed module or using third party extensions such as Code7 Response Accordion (http://extensions.joomla.org/extensions ... case/19692) and sp accordion (http://extensions.joomla.org/extensions ... case/19692).

You could also review the extensions listed at http://extensions.joomla.org/extensions ... s-showcase.


The header class is used to customize/decorate the module header. This is not referenced in the default templates such as Protostar or Beez3. You can see the reference of the header class in the file modules.php that is located in the directory \templates\system\html
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Tamil (தமிழ்) Translation Team

Eegan - Support the poor and underprivileged

User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

Re: joomla page class

Post by pishro » Thu Oct 10, 2013 8:49 pm

imanickam wrote:Security page is formed using a custom developed module or using third party extensions such as Code7 Response Accordion
I did not mean accordion menu!
I mean the appearance of the menu, How can I make my menus will display like this?
right menu2.png
imanickam wrote:You can see the reference of the header class in the file modules.php that is located in the directory \templates\system\html
Where do these changes when I create a menu like this?
templates/system/html/modules.php

Code: Select all

$moduleTag      = $params->get('module_tag', 'div');
	$headerTag      = htmlspecialchars($params->get('header_tag', 'h3'));
	$bootstrapSize  = (int) $params->get('bootstrap_size', 0);
	$moduleClass    = $bootstrapSize != 0 ? ' span' . $bootstrapSize : '';

	if (!empty ($module->content)) : ?>
		<<?php echo $moduleTag; ?> class="moduletable<?php echo htmlspecialchars($params->get('moduleclass_sfx')); ?><?php echo $moduleClass; ?>">

		<?php if ((bool) $module->showtitle) :?>
			<<?php echo $headerTag; ?> class="<?php echo $params->get('header_class'); ?>"><?php echo $module->title; ?></<?php echo $headerTag; ?>>
		<?php endif; ?>

			<?php echo $module->content; ?>
		
		</<?php echo $moduleTag; ?>>
Thank you for your attention! ;)
You do not have the required permissions to view the files attached to this post.

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 27627
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: joomla page class

Post by imanickam » Fri Oct 11, 2013 3:02 am

pishro wrote:I did not mean accordion menu!
I mean the appearance of the menu, How can I make my menus will display like this?
I know that your site is RTL. Let me try to answer the question from the context of using en-GB as the site language and LTR version template.

For experimenting, you could install Joomla with the Sample Data to learn Joomla! and try it out before incorporating this on your site. Let us take the menu module "About Joomla!" that has been published to the module position position-7 for the explanation.
  1. All the modules that are published to the module position position-7 are by default have the style "well". This style provides the Grey color background and some formatting to the modules. So, the style has to be changed from "well" to "xhtml" in the following line of code that is available in the file index.php of the template.

    Code: Select all

    <jdoc:include type="modules" name="position-7" style="well" />
  2. In the Module Manager, for the menu module "About Joomla!", in the tab/slide "Advanced Options" (this option is available in the tab "Options" when the module is opened for Edit), for the option "Menu Class Suffix", value " nav-stacked nav-tabs" (notice the space before nav-stacked) has to be entered and saved.
module_before_changes.jpg
module_after_changes.jpg
You do not have the required permissions to view the files attached to this post.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Tamil (தமிழ்) Translation Team

Eegan - Support the poor and underprivileged

User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

Re: joomla page class

Post by pishro » Fri Oct 11, 2013 5:12 am

I got to do this on a "test menu" in number (1) (this is the menu)
But I can not do it number (2) please see this attachment image "انواع سانترال پاناسونیک" :
menu test.png
Because this is "انواع سانترال پاناسونیک" a "Module Most Read Content"! and "Menu Class Suffix" does not exist!
There are only "Module Class Suffix" and "Header Class" !
Module Manager-Module Most Read Content.png
my question is: How can I do this thing on "Module Most Read Content"?
I appreciate you. ;)
You do not have the required permissions to view the files attached to this post.

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 27627
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: joomla page class

Post by imanickam » Sat Oct 12, 2013 1:58 am

Enter " nav menu nav-stacked nav-tabs" in the Module Class Suffix.

Do not enter double quotes ("). I did it just to show the space before the starting string nav.
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Tamil (தமிழ்) Translation Team

Eegan - Support the poor and underprivileged

User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

Re: joomla page class

Post by pishro » Sun Oct 13, 2013 2:50 pm

imanickam wrote:Enter " nav menu nav-stacked nav-tabs" in the Module Class Suffix.
Thank you imanickam! ;)
My problem was resolved in Module Most Read Content.
i have use default templates Protostar in joomla! 3.1.5

but i do not use this (" nav menu nav-stacked nav-tabs") Module Class Suffix in "Module Popular Tags" !
Here I've used a lot of my Module Class Suffix! But not!
http://www.cantral.ir/panasonic-phone
Please see image:
Popular Tags.png
Module Manager Module Popular Tags.png
How can I do this thing on "Module Popular Tags"?
thank you.
You do not have the required permissions to view the files attached to this post.

User avatar
imanickam
Joomla! Master
Joomla! Master
Posts: 27627
Joined: Wed Aug 13, 2008 2:57 am
Location: Chennai, India

Re: joomla page class

Post by imanickam » Mon Oct 14, 2013 11:23 am

For this class suffix to be effective, you have to edit the file default.php that is located in the directory \modules\mod_tags_popular\tmpl and change the following line of code as shown below.

Before Edit:

Code: Select all

...
<ul >
...
After Edit:

Code: Select all

...
<ul class="tagspopular<?php echo $moduleclass_sfx; ?>">
...
Being a core Joomla! file, suggest using the HTML override technique as documented at http://docs.joomla.org/How_to_override_ ... omla!_core.

Note: This may not be an ideal solution. But, under the situation, it is a practical solution.


After doing the above step, use the Module Class Suffix " nav menu nav-stacked nav-tabs" for the module Popular Tags.

EDIT: In the class definition for UL, changed the text string mostread to tagspopular as the file changed belongs to the module Tags Popular - Not Most Read
Ilagnayeru (MIG) Manickam | இளஞாயிறு மாணிக்கம்
Joomla! - Global Moderators Team | Tamil (தமிழ்) Translation Team

Eegan - Support the poor and underprivileged

User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

Re: joomla page class

Post by pishro » Sat Oct 19, 2013 5:58 pm

thank you Joomla! Master imanickam ;)
This image is linked to this page: http://developer.joomla.org
Header Module.png
But: in default templates Protostar to joomla! 3.1.5
in Module Manager: "Module Popular Tags" and "Module Most Read Content" Show Title is "Show", And "Advanced Options" Module Style is "no"

in site me http://cantral.ir Header Module is hide (right columns)!!
Do I need to add something in the Module Manager: Module Popular Tags > Options > Advanced Options > "Header Class"?
Header Class. Here you can add optional CSS classes to add to the modules header or title element.
please help me, thank you.
You do not have the required permissions to view the files attached to this post.

User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

Re: joomla page class

Post by pishro » Sat Oct 26, 2013 2:55 pm

I've been on this page using the Pagebreak: http://www.cantral.ir/about
and I'd like this page: http://developer.joomla.org
developer.joomla.org.png
Do I need to change in the Plug-in Manager: Content - Pagebreak?
or Pagebreak plugin in public_html/plugins/content/pagebreak?
Details and Basic Options Content - Pagebreak Plug-in:
Plug-in Manager Content - Pagebreak - Details.png
Plug-in Manager Content - Pagebreak - Basic Options.png
Please guide me! thank you.
You do not have the required permissions to view the files attached to this post.

User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

Re: joomla page class

Post by pishro » Mon Nov 11, 2013 4:56 am

i have update Joomla! version, 3.2.0.
in Module Manager: Module Popular Tags > Advanced > Alternative Layout select "Cloud"
and in Module Class Suffix " nav menu nav-stacked nav-tabs"

My question is: How can I take a Class Suffix in this module

Do I need to modify this code?
/public_html/modules/mod_tags_popular/tmpl/cloud.php

Code: Select all

?>
<div class="tagspopular<?php echo $moduleclass_sfx; ?> tagscloud<?php echo $moduleclass_sfx; ?>">
<?php

petrosal
Joomla! Apprentice
Joomla! Apprentice
Posts: 15
Joined: Sat May 11, 2013 12:46 pm

Re: joomla page class

Post by petrosal » Sun Mar 16, 2014 11:17 pm

It seems that the proper place to configure the image would be the page display options for the menu item. I don't want to use the Page Class option as this would require changing the template for every new image.

Is there a way I can add a custom Page Display Option (for the image url) and read that from the template?

User avatar
pishro
Joomla! Explorer
Joomla! Explorer
Posts: 285
Joined: Tue Oct 09, 2012 7:22 am

Re: joomla page class

Post by pishro » Wed Mar 19, 2014 4:13 pm

@petrosal!
You could write a custom module or a module override that uses the page class suffix to create a dynamic URL for the SRC of the image.


Locked

Return to “Templates for Joomla! 3.x”