What is the Module Buaxua Floating

The Module Buaxua Floating can displays your images or modules (Banner, Images, Menu, Custom HTML, ...) with floating. When you scroll the browser window, the modules are alway displayed. You can select your module on any position or by module ID to float. This module is suitable for display Ads, Banners, Menu, Button, Form, Custom code,...

Module BuaXua Floating

Module BuaXua Floating Settings

Module BuaXua Floating Left Side Settings

Module BuaXua Floating Right Side Settings

Module BuaXua Floating Features

  • Floating your image link directly without creating module
  • Floating your module by ID
  • Floating your module by Position Name
  • Floating your module on Top
  • Floating your module on Middle, Bottom, Center or Hide
  • Your module snap to website edge
  • Your module snap to windows edge
  • Adjustable floating speed
  • Auto Show/Hide on small screen device
  • Display only first time
  • Show/Hide Close Button
  • Floating with Start Point
  • Adjust Side Offset
  • Custom CSS
  • Support the most common browser with latest version
  • Compatible with Joomla! 3.x and 4.x

New features from previous version

  • Remove Auto refresh option.
  • Auto Hide Screen Width: Your module will automatically hide when the screen or the browser window is equal this width or smaller.
  • Fixed the module can not display because of a conflict with other extensions.
  • Fixed bugs and optimize code.

Module BuaXua Floating Demo

BuaXua Floating Live Demo

Download Module BuaXua Floating

Download Module BuaXua Floating

Module BuaXua Floating Documentation

Install the module BuaXua Floating

1. Install the module BuaXua Floating via Joomla! Extensions -> Manage -> Install.

2. Goto Extensions -> Module and open the module BuaXua Floating then Enable (Published) the module BuaXua Floating on any available position of your template. We recommend you publish the module BuaXua Floating on the position named Debug because it is located at the bottom of your web page.

Published module BuaXua Floating on Debug position

3. Select Menu Assignment for the module BuaXua Floating to All Pages.

Select Menu Assignment for the module BuaXua Floating to All Pages

4. Save & Close.

5. Clear your Joomla! cache and your Browser cache.

6. Go to your site then refresh your browser. If you see two demo banners floating on your website, this module works well on your site. If not, please view Troubleshooting below.

Upgrade the module BuaXua Floating Free to Pro

If you have installed the module BuaXua Floating Free, you don't need to remove it, just install the module BuaXua Floating Pro and open it then click Save to apply the Pro features. Your module will be upgraded to Pro and your old settings will be kept.

How to display your image with Floating

With the module BuaXua Floating Pro, you can display your image link directly without creating any image module.

1. Go to Content -> Media then upload your image to joomla! image folder.

2. Goto Extensions -> Module and open the module BuaXua Floating then select your image to float on left side or right side.

Display your image with floating settings

How to display your module with Floating

The module BuaXua Floating Free version has limited features, please apply this option to display your image or module.

1. Open module BuaXua Floating then change Left Side Floating Type to Module Position if you want to float your module on the left side, change Right Side Floating Type to Module Position if you want to float your module on the right side.

Module BuaXua Floating Left Side Module Position Settings

2. Remember the left side Module Position Name is buaxua_leftside and the right side Module Position Name is buaxua_rightside

3. Save & Close the module BuaXua Floating.

4. Open your module that you want to float (images, Banners, Custom HTML,...), go to the Position field and enter (type by keyboard then press enter) buaxua_leftbox if you want to float your module on the left side, enter buaxua_rightbox if you want to float your module on the right side.

Module custom image published on the left side

You can select a module position from the dropdown box of pre-defined positions or enter your own module position by typing in the name then press Enter

5. Save & Close your module.

6. Clear your Joomla! cache and your Browser cache then refresh your page. Now your module is floating on your website.

Now your image is floating on your website

Videos Clip

Videos tutorial how to install and using module Buaxua Floating



Please click on YouTube button to subscribe our Video Clip!

Videos tutorial how to upgrade module Buaxua Floating Free to Pro



Please click on YouTube button to subscribe our Video Clip!

Troubleshooting

The module BuaXua Floating not display on your website

1. Make sure the module BuaXua Floating is published and select Menu Assignment for the module BuaXua Floating to All Pages.

2. The position named debug is not enable on your template. You can go to your template option to enable it. Other ways, please try to publish the module BuaXua Floating on other position.

Read more about How to enable debug position

The module BuaXua Floating is displaying incorrectly on your website

Please enable Fix Display option in the module BuaXua Floating. Other ways, you can try to publish the module BuaXua Floating on other position or create a new position for your template.

Adding a new position for your template

1. Go to Extentions -> Templates -> templates -> Click on your template name

2. Click to open the file named index.php in left column.

  • Find
</body>
  • Before add
<jdoc:include type="modules" name="buaxua_floating" />
  • Your code looks like this
...
<jdoc:include type="modules" name="buaxua_floating" />
</body>
</html>

3. Publish the module BuaXua Floating on the position named buaxua_floating

The module BuaXua Floating not display correctly on Internet Explorer browser

1. Go to Extentions -> Templates -> templates -> Click on your template name

2. Click to open the file named index.php in left column.

  • Find:
<head>
  • Affter add:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  • Your code looks like this:
<head>
   ...
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   <jdoc:include type="head" />
   ...
</head>

3. Click Save & Close