Facebook page documentation

  • Tony
  • 8 April 2020
  • 1 Comment
  • Docs
Place your Facebook page in a Like box across your website, to get more Likes and followers. See how Facebook page can be designed beautifully on Demo Page.

# Facebook page Package contents

Files Description
jlfacebookpage.yaml Contains the Facebook page particle settings.
jlfacebookpage.html.twig The Twig file to pull information, settings.

Installation Installing the particle on your website is a really simple process. You can refer to the document here to know more.

Requirements Facebook page requires Uikit 3 for Gantry 5 Atom to be installed and enabled in your theme layout settings.

Go to Template/Theme Settings > select the Layout to add Facebook page particle (i.e: Home) -> Layout tab -> Drag and drop the Facebook page Particle from Particles panel (left corner) to the section you want to display the particle.


Settings Description
URL The URL of the Facebook Page.
Tabs You can choose from a Timeline, Events or Message to display.
Hide Cover Photo Hide cover photo in the header.
Show Friends’ Face Show profile photos when friends like this.
Hide CTA Hide the custom call to action button (if available).
Use Small Header Use the small header instead.
Adapt Container Width Try to fit inside the container width.
Color Scheme The color scheme used by the plugin for any text outside of the button itself.
Width The pixel width of the embed Min 180 to Max 500.
Height The pixel height of the particle.
Locales and Languages Languages on Facebook use the format ll_CC, where ll is a two-letter language code, and CC is a two-letter country code. For instance, en_US represents U.S.
CSS Classes CSS class name for the particle.

You can change the language of the Like Button by loading a localized version of the Facebook JavaScript SDK. When you load the SDK, change the value of js.src to use your locale.

Replace en_US with your locale, e.g: fr_FR for French (France). Learn more about Localization

General, Parallax and Parallax Background tab

Please take a look the documentation here for more detail about these tabs settings


Leave a Reply

You must be logged in to post a comment.

JoomLead Gantry5 Particles 2.2.12 released, new features, Joomla 5 support, bug fixes and more Learn more
Flash Sale. Get Up to 25% Off - Coupon: FLASH25 Shop Now