1. Installing Sticky any Module

After you downloaded your Joomla extension, just go to Extensions -> Extension Manager -> select Upload Package File from the top tabs -> click on the Choose File button and select the Sticky any Module zip file -> click on the Upload & Install blue button.

Your module will now appear in the Module Manager section.

q

2. Basic settings for Sticky

In the Extensions -> Module Manager section, find your Sticky any Module extension and click on it to acess the module's setup section.

First, from the right side of the page change the Status of the module into Published, put it into the desired Position and, if you want your module to be displayed with a title, select from the right Show at the Show Title section. Last, give your module the title that you want it to be displayed with.

Also, don't forget to set the display for your module on the pages you want it to be shown: Module Assignment section.

w

3. Sticky any module options

3.1. Custom position:

Here we type the custom position where we will place the module to be displayed on the webpage. 

Note!

Sticky any Module creates a custom position (it has nothing in common with the template's positions) for you to place the module you want to dock on the webpage.

For example, let's say we would like to dock a Social Cloud Module on our webpage. 
First, we install Sticky any Module and give it a custom position name. Make sure this position is not one of the template's and doesn't have the same name. 
Let's say sticky_cloud. We would like to name this custom position something suggestive - the name of the sticky module and the type of module we want to place in it.

1 sticky setup

After this, we go ahead and install the Social Cloud Module and place it in the newly created position: sticky_cloud.
At this step, you have to type the position manually and then press the Enter key, because you will not find this position in the list.

2 sticky setup

After placing these two modules in position, we can go ahead and customize each one.

3.2. Positioning settings:

These options allows you to position your module anywhere on the screen, with several functions.

3 sticky setup

Margin Left: this is the positioning against the left side of the screen. Setting this value as 0 will dock the module right near the left margin. Increasing this value will increase the distance between the margin of the screen and the module.

Margin Right: this is the positioning against the right side of the screen. Setting this value as 0 will dock the module right near the right margin. Increasing this value will increase the distance between the margin of the screen and the module.

Margin Top: this is the positioning against the top side of the screen. Setting this value as 0 will dock the module right near the top margin. Increasing this value will increase the distance between the margin of the screen and the module.

Margin Bottom: this is the positioning against the bottom side of the screen. Setting this value as 0 will dock the module right near the bottom margin. Increasing this value will increase the distance between the margin of the screen and the module. 

Starting Position: you can chose wether you want your module to be opened or closed when the webpage is opened.

Display: you can have a flip bar to open/ close your module, a close button or none of these.

Flip bar text align: this option allows you to set the alignment of the text from the flip bar. You can chose between Left, Centered or Right. 

Below are the options for the appearance customization:

4 sticky setup

Panel Background Color: alows you to set the color for the module's background.

Flip bar Background Color: sets the color for the flip bar on the normal state.

Flip bar Background Color hover: sets the color for the flip bar when mouse over.

Flip bar border radius: you can round the corners of the flip bar by increasing this value.

Font size: this is the size of the flip bar text.

Font family: you can chose betwen several types of fonts.

Flip bar Text Color: sets the color for the text on the flip bar, on it's normal state.

Flip bar Text Color hover: sets the color of the text on the flip bar when mouse over.

Flip bar Height: set how high would you like the bar to be. This reffers to the height of the flip bar when the module is positioned on the top/ bottom of the page, in a perpendicular position towards the right and the left sides of the screen. When the module is docked on left/ right margins, you will see this option as the width.

Flip bar Width: set how wide the flip bar is. This reffers to the width of the flip bar when the module is positioned on the top/ bottom of the page, in a perpendicular position towards the right and the left sides of the screen. When the module is docked on left/ right margins, you will see this option as the height.

Flip bar icon: you can chose the arrow's pointing direction.

Last in this section, we have some more functionallity options:

5 sticky setup

Flip bar Text: here you can write the text you want to be displayed on the flip bar.

Flip bar position: Vertical Right/ Vertical Left means that the flip bar will be displayed on one of the module's sides. The Top option displays the flip bar on the top of the module.

Close button vertical position: you can chose the button to be shown on the top of the module or on the bottom side of the module.

Close button horizontal position: chose the button to stay on the left side of the module or on the right side.

Transitions: you can chose between several effects when the module opens/ closes.

Open/close way of sticky: chose when the module opens/ closes - when clicked or when mouse over.

Padding for module: this is the distance between the inside module and the sticky's margins. 

3.3. CSS Options:

Because of the very large number of modules supported by this extension, a custom css has been added to maximise the flexibility.

6 sticky setup

Pin It

Add comment


Security code
Refresh

Login Form

This website uses cookies to ensure you get the best experience on our website.
More information Ok Decline