JoomlaLogo ORIGINAL

Facebook Fan Page Upgrade!

VERSION  6.0.3  (Joomla! 3.6.5+ Only!)
NEW UPGRADE. General bug fixes when using Chrome!

Until further notice with a supporting upgrade, PLEASE do not use the 'Lightbox' option when clicking onto a Facebook Fan Page photo. The Facebook text associated with that photo will be the wrong data!

FYI: If your Facebook App registration is for their API v2.3, it will expire on July 10, 2017! You will have to create a new Facebook App (API v2.9) and acquire an all new Access Token. You have been so warned!

Facebook Fan Page is a Joomla module that will display any public access Facebook Fan Page on your Joomla! 3.6.5+ website.  You can customize Facebook Fan Page to your website's demanding look and feel using any or all of the module options Facebook Fan Page gives you...

You work hard getting visitors to your website. Don’t keep sending them to Facebook... instead, bring your FanPage to them with Facebook Fan Page!

PLEASE NOTE: This module will not display a 'personal' Facebook page... just a public access FAN PAGE!

Facebook Fan Page v6.0.3 release:
This release (v6.0.3) is a bug fix specific to the Chrome browser. You'll want to UPGRADE!

Required Settings:

  • Facebook Fanpage URL name: Enter the 'Public Facebook Fanpage' you wish to display
  • Facebook Application ID: Enter your Facebook Application ID here (Instructions)
  • Select Facebook ID Option: Enter your Access Token here (Instructions)
  • Will you be using Video Tab?: Options are Yes or No (Default=No). New with v6.0.2
  • Video Access Token: If above option is set to Yes, this is where you will enter your Facebook Video Access Token (Instructions). There is a default Video Access Token available to get you started. However, you'll want to get your own. New with v6.0.2
  • Select default page view: Options are Posts, Photos, Videos or Albums.
  • Select display mode: Options are Grid, List or Double Lists.
  • Select date format: Options are Relative or Specific.
  • Specific date layout: If 'Specific' is selected from above, you will have four (4) options to choose from. M-D-Y, D-M-Y, Y-M-D and M-Y. New with v6.0.2
  • Module width percentage: Default is 100% of your Joomla container width. Adjust as needed.
  • Max post box height: Increasing this 'em' value will allow you to display more Post text. If you wish to show all Post text, set this value to 100%. New with v6.0.2
  • Number of posts to display: Default is 10 posts. Adjust as needed.
  • Number of posts per row: Default is 3 posts per row. Adjust as needed.
  • Module Padding: Default is 1.2em. Increase or decrese this value to add more or less open space between your posts and the outside container. Please note: this value MUST use the 'em' value format!
  • T|B spacing between posts: Default is 1.2em. Increase or decrease this value to add more or less spacing between your posts top & bottom. Please note: this value MUST use the 'em' value format!
  • L|R spacing between posts: Default is 1.2em. Increase or decrease this value to add more or less spacing between your posts left & right.Please note: this value MUST use the 'em' value format!
  • Popup or Links on click: Options are Popup or Link. Default is Popup.
  • Bottom Margin: Default is 0px. Adjust this setting to give more bottom space between the end of the module and your next item. Some templates will require you to adjust as needed.
  • Refresh after page load?: Default is No. With Google Chrome browser and some Joomla templates, the container does not push all modules below the Facebook Fan Page display. If you are having this issue with your install, turn this option to Yes. New with v6.0.3

Global Adjustments:

  • Responsive Breakpoints: Default is 600,650,1200,2500. Adjusting these breakpoints will allow you to customize how Facebook Fan Page will look across different screen widths.
  • Load more icon: Default is 'plus'. This value is for adjusting the icon that shows just before the bottom 'Load more button text'. This value is using Font Awesomewesome icons.
  • Load more button text: Default is 'Show me more posts...'. Adjust as needed.
  • Show cover image: Options are Yes or No. Default is Yes. Setting to No will remove the cover image from showing.
  • Hide header?: Options Yes or No. Default is No. Setting to Yes will remove the header text from showing.
  • Hide header text info?: Options Yes or No. Default is No. Setting to Yes will remove the header tag text from showing.
  • Hide tabs: Options Yes or No. Default is No. Setting to Yes will remove the top left tabs from showing (Posts, Photos, Videos, Albums).
  • Posts tab title: Set this to whatever you wish in any language! New with v6.0.2
  • Show photos tab: Options are Yes or No. Default is Yes. If set to No, the Photo tab will not show.
  • Photos tab title: Set this to whatever you wish in any language! New with v6.0.2
  • Show video tab: Options are Yes or No. Default is Yes. If set to No, the Video tab will not show.
  • Video tab title: Set this to whatever you wish in any language! New with v6.0.2
  • Show albums tab: Options are Yes or No. Default is Yes. If set to No, the Albums tab will not show.
  • Albums tab title: Set this to whatever you wish in any language! New with v6.0.2
  • Hide sorting?: Options Yes or No. Default is No. Setting to Yes will remove the top right sorting dropdown. If set to No, two new text fields will apear;
    • 'Recent sorting text' and 'Popular sorting text'. Set them to whatever you wish in any language! New with v6.0.2
  • Hide Likes|Comments: Options Yes or No. Default is No. Setting to Yes will remobe the posts Likes & Comments icons and count.
  • If you are using 'Specific for your date format, the months for the year will show. Set these to whatever you wish in any language! New with v6.0.2
  • If you are using 'Relative' for your date format, Years ago date text, Months ago date text, Days ago date text, Hours ago date text and Just Now date text will show. Set these to whatever your wish in any language! New with v6.0.2
  • If you are using 'Popup' to show your Posts on click, two new text box options will show. 'Popup comments text' and 'Popup Post text'. Set these to whatever you wish in any language! New with v6.0.2

Styling:

  • Global font size ratio: Default is 16px. Adjusting this value will effect all text ratios within module proportions.
  • Global background color: Default is rgb(244,64,54,1). Adjusting this color value will change all icons and links within each post.
  • Header image height: Default is 400px. Adjust as needed.
  • Header font color: Default is rgb(255,255,255,1). Adjusting this color value will change the header text color.
  • Container background color: Default is rgb(236,239,241,1). Adjusting this color value will change the outside container color.
  • Article box background color: Default is rgb(251,251,251,1). Adjusting this color value will change the post background color.
  • Title font family: Default is Roboto Condensed. This font is from the Google Font Library. Adjust as needed.
  • Body font family: Default is Roboto Condensed. This font is from the Google Font Library. Adjust as needed.
  • Body posts font color: Default is rgb(97,93,93,1). Adjusting this color value will change the post font color.
  • Body posts font weight: Options are Normal or Bold. Default is Normal. Adjust as needed.
  • Controls text color: Default is rgd(0,0,0,1). Adjusting this color value will change all controls font color (Tabs, Sorting, Load more, etc.).
  • Like|Comment icon color: Default is rgb(255,255,255,1). Adjusting this color value will change the Like & Comments icon color.

Advanced Tab:

With the release of v6.0.2 I have added two new options in this tab;

  • Load script files inline? If you set this option to Yes, all supporting jQuery script files will be loaded in between your page <body> tags and not in between the <head> tags (where they belong!). Default is No.
  • If 'Load script files inline' is set to Yes, another option will show.
  • Load jQuery Library?: Options are Yes or No. Default is No. If you select Yes the jQuery Library script will be loaded in between the <body> tags and not in between the <head> tags.

The above options were added for several reasons;

  1. There are template & extension developers who believe they are smarter than Joomla! and what to create their own way of controlling your Joomla! site. WRONG! My feeling is, if these developers feel the need to do this, build your own CMS...
  2. There are template and extension developers who just copy and paste someone elses code, make it Joomla! ready without fully knowing or understanding how Joomla! manages the jQuery Library script. WRONG!
  3. There are template and extension developers who have to alter how Joomla! manages script files just to get their latest 'twirly whirly' to work. WRONG!

By adding & using these options, we too are breaking the Joomla! guidelines on how to properly manage the jQuery Library script and supporting files. However when we are dealing with template & extension developers who don't care about the health and well being of your Joomla! website, sometimes brute force is necessary to combat their abrasive actions. PLEASE adjust these options with great care and understanding of the Joomla! CMS guidelines regarding the jQuery Library script and any supporting jQuery script file(s).


Joomla 2.5:

  • With the release of Facebook Fan Page v6.0.0, the Joomla 2.5 download and support has ended. Please upgrade!

OBTAINING YOUR FACEBOOK ACCESS TOKEN CODE INSTRUCTIONS

(A must read article)

Final comments: This 'Facebook Fan Page' module works! As evident to the demo below. The first three (3) Required Settings (Facebook Fanpage URL name, Facebook Application ID and Facebook Access Token) must be 100% corrent. If any of these settings are incorrect, this module will not work for you! Facebook Fan Page module will not work 'out of the box'. You are required to follow the 'OBTAINING YOUR FACEBOOK ACCESS TOKEN CODE INSTRUCTIONS' (above PDF link) to obtain these three (3) Required Settings. If you request support because you can't get this module to work for you and I find that any of these three (3) Required Settings are incorrect, my support reply will be just that... Your settings are wrong so go back and start over! These three (3) Required Settings are from Facebook's API requirements and this is your job to obtain the correct settings.