Aqua3

Light Responsive Template for Joomla 3.x

List of All Tags (Page Header)

modules

  • Modules you create are assigned to module positions and these module positions are displayed on your website as defined by the template you use.  Sometimes it is useful to display modules within articles, and in this instance there is no module position defined for that purpose.

    Overview of what you need to do:

    • Enable the Content – Load Modules plugin in the Plugin Manager
    • Create a module with custom module position in the Module Manager
    • Edit the article and insert custom module position code in Article Manager

    Assign the module a position not used in your template. You can type it in and not select it from the drop down box. Afterwards edit your article and enter in the code loadposition moduleposition (between curly brackets) where you want the module to be displayed.

    For example:

    • I want to display a the random banner module inside my article.
    • I will create a module position = moduleinsidearticle1

    Below are steps:

    Enable the “Content – Load Modules” plugin in the Plugin Manager

    1.  Login to your Administrator backend

    2.  Click on Extensions > Plug-in Manager

    3.  Search for Content – Load Modules

    4.  Make sure that the plugin is enabled

    5.  If not enabled, click on the checkbox and click on Enable

    Create a module with custom module position in the Module Manager

    6.  Click on Extensions > Module Manager > New, Module, Type = Banners

    7.  In the Module Manager Banner Details, set the following values:

    Title = Module In Article Title
    Position = moduleinsidearticle1
    Status = Published
    Access = Public
    Client = Joomla!
    Module Assignment = On all pages

    8.  Save & Close

    Edit the article and insert custom module position code in Article Manager

    9.  Click on Content > Article Manager, edit article you want module to go in.

    10. In the article content, place your mouse where you want your module to show up and enter the code. Surround it with curly brackets: { }

    loadposition moduleinsidearticle1

  • Joomla Modules are only installed completely when you choose to install the Joomla sample data at installation time. To add them later into a clean install (installed without the sample data) you will need to open Extensions > Module manager > Newand add them one by  one as needed.

    • Modules in side columns do not need a module suffix.
    • Most modules placed in the content area with loadposition do not need a module suffix.
    • The Feed Display, Newsflash, Search and Statistics modules need the module suffix _content when placed in an article with loadposition.

    Each page link in the Modules Layoutspart of the Test Menu will show what the CSS styled module looks like in a side column and when placed inside the content area (where possible), with a detailed description of how to configure those specific modules.

  • By creating a Custom HTML module with an image in it and projecting it to the sitelogo position, you can project a company logo or similar in the header, like you see here on the top left and top right.

    The image you enter in the module goes in a normal paragraph (<p> tags), so no worries when you use a WYSIWYG editor for your custom module. The alignment you give to the image determines whether it will project left, right or center.

    For the RDC Web Design logo a 200x200px png image is used, which is automatically scaled down by the template.

    The alignment from the top can be adapted in the stylesheet by adjusting the negative top margin value in: #sitelogo

    rdc-logo-blue-flower-100.png

  • Joomla modules can be assigned to various module positions or published inside articles (inside content). In this menu you will see how to configure each Joomla module and can view the result.

  • This module displays links to archived articles, one link per month.

    Archived Articles module in side column:

    • Create archived articles
    • Create an Archived Articles module
    • Set the module position to right or left
    • No module suffix needed
    • Result is visible on the right

    Archived Articles module inside a content page (below):

    • Create archived articles
    • Create an Archived Articles module, name it for example
      archive-in-content
    • Set the module position to archived-articles-in-content (just type it in)
    • No module suffix needed
    • Create an article and enter the following code (in curly brackets): loadposition archived-articles-in-content
    Archived Articles module inside an article:

  • This module displays a list of categories from one parent category.

    Article Categories module in side column:

    • Create an Articles - Categories module, named e.g. articles-categories
    • Set the module position to right or left
    • No module suffix needed
    • Result is visible on the right

    Article Categories module inside a content page (below):

    • Create an article in a category
    • Create an Articles - Categories module, named e.g. articles-categories-in-content
    • Set the module position to articles-categories-in-content (just type it in)
    • No module suffix needed
    • In the article, insert the following code in curly brackets: loadposition articles-categories-in-content
    • Result is visible below
    Article Categories module inside an article:

  • This module displays a list of articles from one category.

    Article Category module in a side column:

    • Create an Article - Category module, named for example  article-category
    • Set the module position to left or right
    • No module suffix needed
    • Result is visible on the right

    Article Category module inside a content page (below):

    • Create an article in a category
    • Create an Article - Category module, named for example
      article-category-in-content
    • Set the module position to article-category-in-content (just type it in)
    • No module suffix needed
    • In the article, insert the following code in curly brackets:
      loadposition article-category-in-content
    • Result is visible below

    Adapting the "Read More..." text

    • If you want to change or lose the "Read More..." text, you can adapt it in the file: /language/en-GB/en-GB.mod_articles_category.ini
    • Change the entry
      MOD_ARTICLES_CATEGORY_READ_MORE_TITLE="Read more..."
      Now, you could edit that file right there. But this wouldn't survive upgrades (when Joomla releases a new version, that changes that language file and it will overwrite your changes). It is better to add overrides for ANY language file (any component/module/etc) into a separate overrides location, in '/language/overrides/LANG.override.ini'. For example:
      MOD_ARTICLES_CATEGORY_READ_MORE_TITLE="Continue reading"
    Article Category module inside an article:


  • The following modules are article related:

  • This module displays a banner or banners from a category in the Banners component.

    Banners module above or below the content page (above and below):

    • Create a "Banners" module, named e.g. banner-top or banner-bottom
    • Set the module position to banner-top or to banner-bottom
    • Do not set a module suffix

    Banners module in a side column:

    • Create a "Banners - Sidebar" module, named e.g. banners-sidebar
    • Set the module position to "side"
    • No module suffix needed
    • Result is visible on the right
    • Remark: side banners are set to take 100% of sidebar width in the css

    Banners module in an article (below in the article):

    • Create a "Banners - in Content" module, named e.g. banners-in-content
    • Set the module position to banners-in-content (just type it in)
    • No module suffix needed
    • Result is visible below
    Banners module inside an article:

    The optimal reading line length equals 12 to 20 words. Alternatively, ideal readability is achieved by having 65 to 70 characters per line, that is including the spaces. Studies show that moderate line lengths significantly increase the legibility of text.

    It is a good idea to aim for a line length that approaches this number of characters, as it will ensure that your readers do not leave the site prematurely because of reading fatigue.

  • This module displays the breadcrumbs (pathway).

    Breadcrumbs module under the header (above):

    • Create a Breadcrumbs module, named e.g. breadcrumbs
    • Set the module position to "topbreadcrumbs"
    • Do not set a module suffix

    Breadcrumbs module between columns (normal):

    • Create a Breadcrumbs module, named e.g. breadcrumbs
    • Set the module position to "breadcrumbs"
    • Do not set a module suffix

    Breadcrumbs module in an article (below):

    • Create a "Breadcrumbs - in Content" module, named e.g. breadcrumbs-in-content
    • Set the module position to breadcrumbs-in-content (just type it in)
    • No module suffix needed
    • Result is visible below
    Breadcrumbs module inside an article:

  • This module displays a syndicated feed from an external site.

    Feed Display module in a sidebar:

    • Create an "Feed Display" module, named e.g. Feed Display - sidebar
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right

    Feed Display module in an article (below):

    • Create an "Feed Display - in Content" module, named e.g. feed-display-in-content
    • Set the module position to feed-display-in-content (just type it in)
    • No module suffix
    • Result is visible below
    Feed Display module inside an article:

  • Standard Joomla Footer

    The standard Joomla Footer module shows the site copyright information in the footer.
    The standard Joomla footer module also contains links in the second line to joomla.org, which is bad for your site SEO. You can prevent it from displaying through CSS styling, but the code will still be in the source, which is NOT good.

    Best is to either:

    • Simply disable the footer module if you do not want to show anything in your site footer. You can disable the standard footer module with a click.
    • Then either use an external footer module or create a custom HTML module with the text you need and assign it to the footer position.

    UltraRes Template Footer

    The UltraRes template has the copyright information (as seen at the bottom of the template) set in the index.php file of the template, you can change the entry there to your liking.

  • The featured module position is located on top of the main content area, below the top-banner position and above the newsflash position.

    This area  stretches out above the regular content, as you can see on this page without a sidebar.
    To see what it looks like when there is a sidebar present, have a look at the All Module positions page.

    The position can be styled to your liking in the CSS under #featured and .custom_hero-unit.

    The featured position can be used to publish a custom HTML module (like the Bootstrap hero-unit used on this page - give it any content you want).

    Or you can use an image rotator in this position to create a nice landing page. like the excellent Camera Slideshow module (available from the JED).

  • This module displays a list of available Content Languages (as defined and published in the Language Manager Content tab) for switching between them when you want to use Joomla as a multilanguage site..

    Note up front:

    The standard Joomla language switcher option is less than elegant when compared to the JoomFish solution for Joomla 1.5. The new Joomla 2.5 and 3.x multi-language solution results in having to keep double records of everything: menus, articles, modules etc. but without an elegant solution for overview and management.

    JoomFish has not been available for Joomla 2.5 and 3.x for a very very long time and has more or less dropped the ball. Fortunately, an excellent fork of JoomFish called Falang is available for Joomla 2.5 and 3.x, which also offers URL translation without the need for additional tools. The Falang extension is much more elegant than the standard Joomla language handler (which requires every item to be duplicated for each language you want to use!). Falang (available from the JED and highly recommended) also comes with its own language switcher module. Highly recommend if you need a user-friendly and workable multi-language solution.

    If you want to set up the language switcher module for the standard Joomla multi-language solution, see the documentation on the Joomla site..

    Joomla Language Switcher module

    This module displays a list of available Content Languages (as defined and published in Language Manager Content tab) for switching between them when one wants to use Joomla! as a multilingual site.

    • The plugin 'System - Language Filter' has to be enabled.
    • When switching languages and if the menu item displaying the page is not associated to another menu item, the module redirects to the Home page defined for the chosen language.Otherwise, if the parameter is set for the Language filter plugin, it will redirect to the associated menu item in the language chosen.Thereafter, the navigation will be the one defined for that language.
    • If the plugin System - Language Filter is disabled, this may have unwanted results.

    Method:

    1. Open Language Manager Content tab and make sure the Languages you want to use in contents are published and have a Language Code for the URL as well as prefix for the image used in the module display.
    2. Create a Home page by assigning a language to a menu item and defining it as Default Home page for each published content language.
    3. Thereafter, you can assign a language to any Article, Category, Module, News feed, Web link in Joomla.
    4. Make sure the module is published and the plugin is enabled.
    5. When using associated menu items, make sure the module is displayed on the pages concerned.
    6. The way the flags or names of the languages are displayed is defined by the ordering in the Language Manager - Content Languages.

    NOTE: If this module is published, it is suggested to publish the administrator multilanguage status module.

  • This Module shows a list of the most recently published Articles.

    Latest News module in a side column:

    • Create a "Latest News" module
    • Set the module position to left or right
    • No module suffix needed
    • Result is visible on the right

    Latest News module inside a content page (like below):

    • Create an article in a category
    • Create a "Latest News" module, named e.g. Latest News - in Content
    • Set the module position to articles-latest-news-in-content (just type it in)
    • No module suffix needed
    • In the article, insert the following code in curly brackets: loadposition articles-latest-news-in-content
    • Result is visible below
    Latest News module inside an article:

  • This Module shows a list of the most recently registered Users.

    Latest Users module in a side column:

    • Create a "Latest Users" module
    • Set the module position to left or right
    • No module suffix needed
    • Result is visible on the right

    Latest Users module inside a content page (below):

    • Create a "Latest Users" module, named e.g. Latest Users - in Content
    • Set the module position to latest-users-in-content (just type it in)
    • No module suffix needed
    • In the article, insert the following code in curly brackets: loadposition latest-users-in-content
    • Result is visible below
    Latest Users module inside an article:


  • This module displays a username and password login form. It also displays a link to retrieve a forgotten password. If user registration is enabled (in User Manager - Options), another link will be shown to enable self-registration for users.

    Login module inside a content page (below):

    • Create a "Login" module, named e.g. Login Module - in Content
    • Set the module position to login-module-in-content (just type it in)
    • No module suffix needed
    • In the article, insert the following code in curly brackets: loadposition login-module-in-content
    • Result is visible below

    Menu link to display the Login Form in a content page

    • Create a new Menu Item and choose type Login Form
    • See Test Menu > User Manager Layouts > Login Form for how that looks

    Login module in a side column:

    • Create a "Login" module, name it for example "Members Login"
    • Set the module position to left or right
    • No module suffix needed
    • Result is visible on the right
    Login module inside an article:

  • This module displays a menu in the front-end.

    Top Menu (like above):

    • Create a "Menu" module, name it for example "Top Menu"
    • Set the module position to topmenu
    • No module suffix needed
    • Show Sub-menu items = Yes for dropdown-flyout menu to work
    • 5-8 toplevel entries (depending on text width), max 4 sublevels each, unlimited items each sublevel
    • On smaller screens or when the page is zoomed in a lot, then the Topmenu moves to below the main content (with only the first level active) and a button with a link to it is placed on the top right of the page

    Menu module in a side column:

    • Create a "Menu" module, name it for example "Test Menu"
    • Set the module position to left or right
    • No module suffix needed
    • Result is visible on the left

    Menu module in an article (below):

    • Create a "Menu" module, name it for example "Test Menu - in Content"
    • Set the module position to test-menu-in-content (just type it in)
    • No module suffix needed
    • Result is visible on the left or right (the left or right position of the sidebar is set in the template parameters)
    Menu module inside an article:

  • This module displays links to the most read articles.

    Most Read module inside a content page (below):

    • Create a "Most Read" module, named e.g. Most Read - in Content
    • Set the module position to most-read-in-content (just type it in)
    • Set the menu suffix to _content
    • In the article, insert the following code in curly brackets: loadposition most-read-in-content
    • Result is visible below

    Most Read module in a side column:

    • Create a "Most Read" module, name it for example "Most Read"
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right
    Most Read module inside an article:

  • The Article Newsflash Module will display a fixed number of Articles from a specific Category or a set of Categories.

    Newsflash module (like above):

    • Create newsflash article in a category
    • Create a newsflash module to display this category
    • Set the module position to "newsflash"
    • Set the module suffix to "_abovecontent"

    Newsflash module in a side column:

    • Create newsflash article in a category
    • Create a newsflash module to display this category
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right

    Newsflash module inside a content article (like below):

    • Create newsflash article in a category
    • Create a newsflash module to display this category
    • Set the module position to "newsflash-in-content" (just type it in)
    • Set the module suffix to "_content"
    • Enter the following code in the article in curly brackets:
      "loadposition newsflash-in-content"
    Newsflash module inside an article:

  • The Popular Tags module displays the most commonly used tags, optionally within specific time periods.

    Popular Tags module in a side column:

    • Create Popular Tags module
    • In the Options tab, set "Match Type" to All, Any or Half
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right

    Popular Tags module inside a content article (like below)

    • Create Popular Tags module
    • In the Options tab, set "Match Type" to All, Any or Half
    • Set the module position to "popular-tags-in-content" (just type it in)
    • Set the module suffix to "_content"
    • Enter the following code in the article in curly brackets:
    • "loadposition popular-tags-in-content"

    Popular Tags module inside an article:

  • This Module displays a random image from a chosen directory.

    Random Image module inside a content page (like below):

    • Create a "Random Image" module, named e.g. Random Image - in Content
    • Set the module position to random-image-in-content (just type it in)
    • Set the module suffix to _content
    • In the article, insert the following code in curly brackets: loadposition random-image-in-content
    • Set the image folder in the module
    • The image is automatically sized by the stylesheet to take up the width of the content area, so do not use images less than 585px wide!
    • Result is visible below

    Random Image module in a side column:

    • Create a "Random Image" module
    • Set the module position to left or right
    • No module suffix
    • Set the image folder in the module
    • The image is automatically sized to take up the width of the content area, so do not use images less than 235px wide!
    • Result is visible on the right
    Random Image module inside an article:

  • This Module displays other Articles that are related to the one currently being viewed.

    These relations are established by the Meta Keywords. All the keywords of the current Article are searched against all the keywords of all other published Articles.

    For example, you may have an Article on "Breeding Parrots" and another on "Hand Raising Black Cockatoos". If you include the keyword "parrot" in both Articles, then the Related Items Module will list the "Breeding Parrots" Article when viewing "Hand Raising Black Cockatoos" and vice versa.

    Related Articles module in a side column:

    • Enter meta data keywords in the articles.
    • Create a Related Items module to display this category, named e.g. Related Articles
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right

    Related Articles module inside a content page (below):

    • Enter meta data keywords in the articles.
    • Create Related Items article in a category
    • Create a Related Items module to display this category, named e.g. Related Articles - in Content
    • Set the module position to related-articles-in-content (just type it in)
    • No module suffix needed 
    • In the article, insert the following code in curly brackets: loadposition related-articles-in-content
    • Result is visible below
    Related Articles module inside an article:

  • This module displays a search box.

    Search module in topbar:

    • Create Search module
    • Set the module position to topsearch
    • No module suffix
    • Result is visible above on the right, next to the top menu
    • The topsearch module becomes a search button (which expands as a search box) on smaller screens or when the page is zoomed a lot.

    Search module in side column:

    • Create Search module
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right

    Search module inside a content page (below):

    • Create a Search module, name it for example
      search-in-content
    • Set the module position to search-in-content (just type it in)
    • Set the module suffix to _content
    • Create an article and enter the following code (in curly brackets): loadposition search-in-content
    Search module inside an article:

    Other Search Form Layouts:

  • The Similar Tags Module displays links to other items with similar tags. The closeness of the match can be specified.

    Similar Tags module in a side column (on the right):

    • Create Similar Tags module
    • In the Options tab, set "Match Type" to All, Any or Half
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right

    Similar Tags module inside a content article (like below):

    • Create Similar Tags module
    • In the Options tab, set "Match Type" to All, Any or Half
    • Set the module position to "similar-tags-in-content" (just type it in)
    • Set the module suffix to "_content"
    • Enter the following code in the article in curly brackets:
    • "loadposition similar-tags-in-content"

    Similar Tags module inside an article:

  • The Statistics Module shows information about your server installation together with statistics on the Web site users, number of Articles in your database and the number of Web links you provide.

    Statistics module inside a content page (like below):

    • Create a "Statistics" module, named e.g. Statistics - in Content
    • Set the module position to statistics-in-content (just type it in)
    • Set the module suffix to _content
    • In the article, insert the following code in curly brackets: loadposition statistics-in-content
    • Result is visible below

    Statistics module in a side column:

    • Create a "Statistics" module
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right
    Statistics module inside an article:

  • This module displays a Syndication Feed link for your Blog content, which visitors can use to subscribe to a feed showing your content.

    Remark:
    The syndication Feeds module only works on Blog Layout pages!

    The Syndication Module creates a Syndicated Feed for the page where the Module is displayed.You can create as many of these as you want for different pages.

    Try this link to the Featured Blog 1 Column layout to see the Syndication Feed module for that blog in the left column.

    Alternative

    You can also publish a link to a Blog's RSS Feed to one of the Above, Bottom or Footer module positions.

     

  • Modules - User Related

  • Modules - Various

  • This modules displays weblinks from a category defined in the Weblinks component.

    Weblinks module inside a content page (like below):

    • Create an weblink in a category
    • Create a "Weblinks" module, named e.g. Weblinks - in Content
    • Set the module position to weblinks-in-content (just type it in)
    • Set the module suffix to _content
    • In the article, insert the following code in curly brackets: loadposition weblinks-in-content
    • Result is visible below

    Weblinks module in a side column:

    • Create a "Weblinks" module, named e.g. Weblinks
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right
    Weblinks module inside an article:

  • The Who's Online Module displays the number of Anonymous Users (e.g. Guests) and Registered Users (ones logged-in) that are currently accessing the Web site.

    Who's Online module inside a content page (like below):

    • Create a "Who's Online" module, named e.g. Who's Online - in Content
    • Set the module position to whos-online-in-content (just type it in)
    • Set the module suffix to _content
    • In the article, insert the following code in curly brackets: loadposition whos-online-in-content
    • Result is visible below

    Who's Online module in a side column:

    • Create a "Who's Online" module
    • Set the module position to left or right
    • No module suffix
    • Result is visible on the right
    Who's Online module inside an article:

  • This module shows an iFrame window to a specific site location.

    Wrapper module inside a content page (like below):

    • Create a "Wrapper" module, named e.g. Wrapper - in Content
    • Set the module position to wrapper-in-content (just type it in)
    • Set the module suffix to _content
    • In the article, insert the following code in curly brackets: loadposition wrapper-in-content
    • Result is visible below
    Wrapper module inside an article:

  • A quick overview of the modules configuration for the Bamboo3 Template:

    • Site Name
      • no configuration needed (takes Site Name from site config)
    • Slogan
      • Create Custom HTML module, enter text
      • no module suffix
      • position slogan
    • Logo
      • Create Custom HTML module, enter logo image only
      • no module suffix
      • position sitelogo
      • you can assign more than 1 module to this position
      • alignment of logo is determined by image alignement set in custom module
    • Topbar Menu
      • no module suffix
      • Show Sub-menu items = Yes for dropdown-flyout menu to work
      • 5-7 toplevel entries (depending on text-width), max 4 sublevels each, unlimited items each sublevel
      • position topmenu
    • Search modules
      • TopSearch
        • no module suffix
        • position topsearch
      • Search in content
        • module suffix _content
        • use loadposition in article
      • Search in sidebar
        • no module suffix
        • position left or right
    • Breadcrumbs modules
      • Top Breadcrumbs
        • no module suffix
        • position topbreadcrumbs
      • Breadcrumbs
        • no module suffix
        • position breadcrumbs
      • Breadcrumbs in Content
        • no module suffix
        • use loadposition in article
    • Above modules
      • no module suffix
      • postions: above1, above2, above3, above4
    • Sidebar modules
      • no module suffix
      • position left or right
      • left or right position of sidebar is set in template parameters
    • Banner modules
      • Banner Top
        • no module suffix
        • position banner-top
      • Banner Bottom
        • no module suffix
        • position banner-bottom
      • Banner in Content
        • no module suffix
        • use loadposition in article
    • Featured module (Hero unit)
      • create a custom HTML module with the content you want
      • module suffix _hero-unit (if needed)
      • position featured
    • Newsflash modules
      • Newsflash
        • module suffix _abovecontent
        • position newsflash
      • Newsflash in Content
        • module suffix _content
        • use loadposition in article
      • Newsflash in sidebar
        • no module suffix
        • position left or right
    • System Messages position
      • no config needed
    • Main Area Content position
      • no config needed
    • Bottom modules
      • no module suffix
      • postions: bottom1, bottom2, bottom3, bottom4, bottom5, bottom6
    • Footer modules
      • no module suffix
      • postions: footer1, footer2, footer3, footer4
    • Copyright information
      • Sitename and copyright are automatically inserted at bottom of page
      • Entry is set in index.php
    • Debug position
      • no config needed

    Each page link in the Modules Layouts part of the Test Menu will show what the CSS styled module looks like in a side column and when placed inside the content area (where possible), with a detailed description of how to configure those specific modules.

  • There's a text string that says "Search..." in front of the Search Module that you might want to remove or change.

    Front end Language Strings for the Search Component can be found in

    language/en-GB/en-GB.com_search.ini

    Create an override and change the text.

    Another way is to open the Search Module and enter a space for Box Label (and optionally Box Text ) settings.

    search-settings

RDC Web Design | Copyright © Aqua3, 2018