How to Use the "Default" Layout in Shack Article Layouts

Documentation for Joomla 3

"Shack Article Layouts" is a module you can place in a regular module position. But you can also load it inside a Joomla article. This gives you two benefits:

  • You will be able to display the module in the full width of the page.
  • You will be able to display the module as the main content on the page.

In this tutorial, I'll show you how to display the "Shack Article Layouts" module inside a Joomla article using the "Default" layout.

Here are the use case requirements:

  • Embed the "Shack Article Layouts" module in an empty Joomla article
  • Display Joomla articles from the three preferred categories
  • Display only 9 articles
  • Display the articles in three columns
  • Display the articles in the "Default" layout.

Here is the final result:

final result

Here is how to set up the module you see in this screenshot.

  • Open up your module for editing.
  • Go to the "Module" tab.
  • Locate the "Category" setting, as in the image below, and select your required Joomla categories.
  • Set the "Number of articles to show" to the required number. For my demonstration, I set it to 9, as you can see in the image below.
  • Set the "Layout" parameter to your preferred layout. For this demonstration, I set it to "Default".
  • Set the "Columns" parameter to your preferred number of columns. Form my demonstration, I set it to 3.

settings

  • Go to the "Menu Assignment" tab and assign this module to the menu item(s) of the required page(s).
  • Leave the rest of the module settings at there default.
  • Click "Save" or "Save & Close".
  • Embed this module inside your preferred Joomla article:

module embedded inside the joomla article

Please note in the example above "92" is the module id.

Now, when you visit this article, you should see a picture similar to the one on the screenshot at the beginning of this guide.

Documentation for Joomla 4

"Shack Article Layouts" is a Joomla 4 module you can place in a regular module position. But you can also load it inside a Joomla article. This gives you two benefits:

  • You will be able to display the module in the full width of the page.
  • You will be able to display the module as the main content on the page.

In this tutorial, you will learn how to display the "Shack Article Layouts" module inside a Joomla 4 article using the "Default" layout.

Here are the use case requirements:

  • Embed the "Shack Article Layouts" module in an empty Joomla article
  • Display Joomla articles from the three preferred categories
  • Display only 9 articles
  • Display the articles in three columns
  • Display the articles in the "Default" layout.

Here is the final result:

the final result with the default layout

Here is how to set up the module you see in this screenshot.

  • Open up your module for editing.
  • Go to the "Module" tab.
  • Locate the "Category" setting, as in the image below, and select your required Joomla categories.
  • Set the "Number of articles to show" to the required number. For my demonstration, I set it to 9, as you can see in the image below.
  • Set the "Layout" parameter to your preferred layout. For this demonstration, I set it to "Default".
  • Set the "Columns" parameter to your preferred number of columns. For my demonstration, I set it to 3.

the main settings for the default layout

  • Go to the "Menu Assignment" tab and assign this module to the menu item(s) of the required page(s).
  • Leave the rest of the module settings at their default.
  • Click "Save & Close".
  • Go to System > Manage > Site Modules.
  • You will see the "Modules: Site" screen as shown in the next image. Search for "shack article layouts" and once you will see the module listed, take notice of its ID number:

the module id number

  • Open your required Joomla article for editing.
  • Inside the text of the article, enter the following shortcode:
    {loadmoduleid (your-module-id-number)}

the module shortcode in a joomla 4 article

  • Click Save or Save & Close.

Now, when you visit this article, you should see your Joomla 4 articles displayed in a stylish grid layout similar to the one on the screenshot at the beginning of this guide.