Custom Modules

Open the Modules Screen

Select New Button

The NEW button is at the top left of the MODULES screen.

Choose Custom Module

Choose CUSTOM from the list of Module Types.

Enter Custom Module Details

Under the MODULE tab you can:

• name the Module (see Title field), and
• add text and images (in the same way as editing an Article).

Determine who can see the Custom Module

Also under the MODULE tab.

Choose who will be able to see the Module.

For example, the Public, only Registered Users after signing in, or only Special Users (like you) after signing in.

Toggle the Access button.

Set Time Parameters of the Custom Module

By default, the Module will be visible immediately after publication.

But you can set start and end dates:

• START PUBLISHING and
• FINISH PUBLISHING

or choose to UNPUBLISH the Module until a later date.

Simply toggle the PUBLISHED button to unpublish the Module.

Finish Publishing Date

Unless you set a date then the Module will remain published until you unpublish it.

Assign the Custom Module to a Position

Also under the MODULE TAB.

Choose the Template Position where you want to display the Module.

And enter its name in the Position field.

To see a POSITION MAP visit the link below.

Read more: How to assign a Module to a Position.

Assign the Custom Module to a Menu Link

Under the MENU ASSIGNMENT tab you may assign the CUSTOM MODULE to one or more Menu Links.

The example below shows: On all pages.

The CUSTOM MODULE will be displayed when any Menu Link is selected.

Read more: How to assign a Module to a Menu Link.

Assign a STYLE SET to the Custom Module

To assign a Style Set to a Module requires adding the name of the Style Set you wish to use to the Module Class Suffix field.

You will find the Module Class Suffix field under the Advanced tab of a Module in the Extensions > Modules screen of your website's control panel.

See image below.

No need to reinvent the wheel

Assigning a Style Set to a Module is a higher order task.

For example, before you can add a Style Set to a Module you will need to:

• have in mind a purpose for wanting to style the Module in a particular way, and
• know the name of the Style Set you wish to use to achieve your goal.

It is also important to use the correct syntax when adding a Style Set name to the Module Class Suffix field.

• Use only lower case letters.

• Insert a space in front of the STYLE SET name.

For this reason we include example Modules with every WYNCHCO website design.

Before creating a brand new Module, try duplicating an existing example:

• of the same type,
• assigned to the same position and
• visible on the same type of devices (phone etc)

as you want for your new Module.

Read more: How to duplicate a Module.

STYLE SETS

WYNCHCO website designs include a wide range of STYLE SETS, some of which make use of CSS3 @media Queries to help you control WHEN Modules are displayed.

Others change the Look & Feel of Modules.

Visit the following link to learn more about working with STYLE SETS.

Read more: Introducing Style Sets.

Set the width of the Custom Module

The Joomla! CMS incorporates the Bootstrap Grid System.

WYNCHCO website designs make full use of this useful feature.

The width of most Modules in a WYNCHCO website design is determined by the Module's Bootstrap Size.

Default Bootstrap Size in the Joomla! CMS

The default Bootstrap Size in the Joomla! CMS is 0.

We recommend changing this value when you create a new Module.

You can change the Bootstrap Size under the Advanced tab of the Module screen in your website's control panel.

See image.

What should the value be?

Use our exemplar Modules as a guide.

Read more: How to use Bootstrap Size to change Module Width.