complete pack
English Chinese (Simplified) Czech French German Greek Italian Spanish

SJ Sticky any Module

1 1 1 1 1 1 1 1 1 1 Rating 4.60 (53 Votes)

sticky product pictureSJ Sticky any Module is a Joomla sticky module that allows you to place other modules anywhere on the screen

Want a sticky menu, sticky footer, a navigation bar or a top menu? Nothing easier!
Just place them inside the custom position that SJ Sticky module is creating for you. That custom position can be used even for sticky audio/video players, a sticky gallery or pretty much anything.

You can dock the module on one of the sides of the screen, this alowing you the possibility to have a permanent open/close bar for the module.

Also, you can use it closer to the center of the web page, with a close button that allows you to hide the module entirely, untill the page is refreshed. This would come in handy if you use it as sticky notes, commercials, social reminders and other.

SJ Sticky any Module has a user friendly backend, very easy to set up and several options for appearance.

 

Price: 43.00 USD
Demo Social Cloud in Sticky

Anything in here will be replaced on browsers that support the canvas element

Click me!

Follow us on facebook!

extensionspot commercial


 
 
Demo Horizontal Accordion in sticky
  • This is SJ Horizontal Accordion Showcase, this description window suport HTML tags
    Read more...
  • Theese captions can be placed anywhere on the image...
  • This image open an external link when clicked...
  • The showcase behave beautiful on responsive and adaptive templates...

Demo

On this page, you can find the following demos for SJ Sticky any Module:

1. On the top-left side of the screen, there is a Social Cloud Module inside the Sticky.

2. On the bottom-left side of the screen, there is a Login Form Module inside the Sticky.

3. On the top-right side we have a Custom HTML placed inside Sticky.

4. On the right-bottom corner we have a Horizontal Accordion Showcase placed inside Sticky.

You can place inside Sticky a large range of Joomla modules and use it's main feature:

  • When using the Sticky docked on one of the screen sides, with the open/close bar active, you will grant permanent acess to the sticky's user, for the entire session.

Used like this, you can place inside Sticky Login modules, Social media Login modules, Menus, Contact Forms, Cart modules, Custom HTML with various information, Articles display (eg. on a blog, you can place an article display module in order to show your readers the most read/ newest/ popular articles on the blog), Video/ Audio players (eg. on a music website, you can place inside sticky a playlist for your customers to have permanent acess no mater what they are looking on the webpage), Photo Galleries and more.

  • You can also use the Sticky module on any point of the screen, not docked to the sides, as close to center as you want. For this type of display, you have a Close button that allows the user to close the Sticky untill the page refresh.

This feature allows you to place inside Sticky Ads modules (banners, sponsors, social ads, logos), Social Share modules, Social Like modules, Photo/ Video modules (for running commercials), Feedback modules, News display and more.

Features

  • Place the sticky module anywhere on the page
  • Name your custom position
  • Multiple modules on the same page
  • Optional field to add your own custom css
  • Starting position (how your sticky should be on the start of your page: opened or closed)
  • Flip bar (option for show/hide toggle)
  • Custom text on your flip bar
  • Text alignment and color with color picker
  • Flip bar size control (width/ height), border radius, positioning (left/ right), font size and style selection
  • Custom icons for flip bar can be added
  • 9 effects for sticky show/hide animation
  • Enable/ Disable jQuery
  • Show/Hide on mouse hover
  • Padding option between your module and sticky's flip bar
  • IE support
  • Close button with custom positioning

How to use Sticky any Module

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

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.

e

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.

2

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 Topthis 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 Bottomthis 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:

3

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:

4

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.

5

Screenshots

1

6

5

support

emailsupport1Product support

When buying this extension, you will also receive 6 months of free support for any functionallity issues regarding your product. 

The support provided does not include any module customization or setup, additional options or features. 

If you encounter any functionallity issue regarding your recently bought extension, please send us a message using the contact form from the right section of this page and we will be happy to help you.

 

services-web-designExtra services

We are a bunch of developers and web designers that are providing professional website solutions, both coding and graphics.

Our services include:

- Website developement: design from scratch, content management system, structure and content

- Joomla extensions

- Graphic design for both web and print: logo, stationery, illustrations

Order our services

If you need any of our extra services, do not hesitate to get in contact with us. The prices will be discussed depending on your requirements.

 

Pin It

Comments   

0 #1 Jürgen J. Fischer 2017-09-11 10:24
A very good extension. Works fine. And a very very good support. We've got an answer in not more than 2 hours.

Eine gutes Modul für Joomla. Und ein supertoller Support. Schnelle Antwort innerhalb von 2 Stunden!

Sehr empfehlenswert
Jürgen J. Fischer
contour mediaservices gmbh
www.contour.de
Quote

Add comment


Security code
Refresh