SJ Facebook

This guide will help you install SJ Facebook – Version 3.0.1 step by step.


1REQUIREMENT – Back to top

At the basic level, this module will require the following conditions:

  • Compatible with version Joomla:Joomla! 3.x.
  • Responsive layout.

2INSTALLATION – Back to top

Prepare your module package

  • Firstly, you need to UNZIP file that you have downloaded. Please note that you should choose module package that are suitable with each Joomla version which you have just downloaded.
  • Secondly, install main module (extracted mod_ file):
  • In your Administrator page, go to Extensions -> Extension Manager. In this page, click Browse, select module package.
  • Then click Upload & Install

  • Please wait for module being installed, usually within several seconds.
  • Now go to Extensions -> Module Manager, click Select Type box and choose the module you have installed.
  • Prepare to perform Module Configuration


3.1 Module Demo

3.2 Module Configuration

Note:We used the images of module’s installation on Joomla 3.x to illustrate.

After installing, go to Extensions -> Module Manager and find SJ Facebook to configure.

SJ Facebook module is configured in 2 main groups of parameters as following:

  • Like Box Settings.
  • Advanced Options.

Let’s look at the parameters in detail:

Like Box Settings.

  • ID or Url of the Facebook – Allow to insert the ID/URL of the Facebook page for this Like Box.
  • Height – Allow to set height of module.
  • Width – Allow to set width of module.
  • Show Stream – Allow to show profile stream for public profile.
  • Hide cover – Allow to show/hide cover the profile stream for public profile .
  • Small header – Allow to show/hide Small header.
  • Show Friend’s Faces – Allow to show/hide Show Friend’s Faces.
  • Border Color – Allow to set the border color of module.

Advanced Options.

    • Module Class Suffix – Allow to input class suffix.
    • Alternative Layout – Set custom layout for this module.
    • Manager Intro Text – The content to show at the top of module.
    • Manager Footer Text – The content to show at the end of module.
    • Caching
      • Use Global: Turn on caching
      • No Caching: Turn off caching
    • Cache Times – The time to cache.
    • Module Tag – Allow to select the HTML Tag for module.
    • Bootstrap Size – Allow to set the number of columns that module will use.
    • Header Tag – Allow to select the HTML Tag for module header/title.
    • Header Class – Support the CSS Class for module header/title.
    • Module Style – Select module style.

4SUPPORT – Back to top

Thank you so much for purchasing this extension. If you have any questions that are beyond the scope of this help file, please send us via: Submit a Ticket

Thanks so much!