Social Media

  • InstAholic Lite

    JED Logo

    InstAholic Lite has reached it's END-OF-LIFE cycle. With the change in Instagram's API requirements, this extension will no longer continue being developed. If you have a working Instagram API, it too will reach an End-of-Life! (Click for details)

    With this upgrade InstAholic Lite can once again offer 'Squared resolution' image sizing dispite Instagram's latest API that took it away. Isn't code great!

    With the increasing popularity of Instagram and now that their latest API has settled in, I'm bringing back InstAholic Lite. It's based on the jQuery script written byMichael Lynch and I've added a number of extra goodies.With the change in the new Instagram API you can no longer display images from hash tags or key search words (as was allowed in the past). Just a single Username feed based on the Access Token (required) you provide.

    Using InstAholic Lite is as easy as downloading and installing into your Joomla website. Once installed go to the module's General Settings tab and enter your Instagram Access Token (instructions) into the option box. At this point you'll want to assign this module to a FULL WIDTH module position or use the Joomla native 'loadposition' tag inside a content page. Make sure to publish and assign this module to a working module position & menu... DONE! Instant Instagram gallery within your Joomla website. Now you'll want to go back to the InstAholic Lite module settings and fine tune the available module options to meet your needs.

    *PLEASE NOTE: Instagram Lite allows you to show a total limit of 20 images based on the Instagram (Facebook) API restrictions.
    *COMPATIBILITY: InstAholic Lite works with all 'MODERN, MOST CURRENT VERSION' web browsers. Until Microsoft's IE10+ or their Edge browser undergoes an upgrade to fully support HTML5 and CSS3, I do not consider these browsers as, MODERN! As such InstAholic Lite may not display properly using these outdated browsers.

    Click for instructions on obtaining your Instagram Access Token

    Change log:
    Current release v3.0.7 (Fixed internal Instagram link bug and added new 'Header font size' option).
    Upgrade release v3.0.6 (Code housekeeping thanks to Stephan M.).
    Upgrade release v3.0.5 (Updated lightbox to Fancybox3. Added six additional lightbox options supported by Fancybox3. Removed 'Show videos?' option. Videos added to timeline will automatically be included into the InstAholic Lite display feed. Per Instagram's API. Added new 'Date format' option. Now supporting M-D-Y, D-M-Y & Y-M-D options. Bug fix between video feed display & captions.).
    Upgrade release v3.0.4 (Code update to support 'Squared' Instagram images).
    Upgrade release v3.0.3 (Code update to support Instagram's latest API restrictions).
    Upgrade release v3.0.2 (Bug fix displaying Instagram's video images).
    Upgrade release v3.0.1 (Bug fix with Instagram's URL paths).
    Initial release v3.0.0

    InstAholic Lite Module Options

    General Settings:
    Instagram Access Token: (REQUIRED) Click onto this LINK to read how to obtain your Instagram Access Token.
    Show Header Data?: Yes/No
    Header font size: Default H1 with options for H2, H3, H4 & H5 (font sizes are controlled by your page template).

    Custom header data: If above is 'Yes' you can type in your custom header data (Optional).
    Instagram username: If above is 'Yes' you can type in your Instagram Username that will link back to your Instagram account (Optional).
    Lightbox Instagram images?: Yes/No - If 'Yes', images will open inside a lightbox when clicked.
    Image resolution: Standard resolution or Squared resolution*.
      *Image height ratio: If you selected 'Squared resolution', this option will appear. This pixel setting will assist you in squaring up your Instagram image.
    Display ratio size: Adjust lower (in pixel format) to have more images across each row on page load. Adjust higher (in pixel format) to show fewer images across each row on page load.
    Margin gap between images: Adjust (in pixel format) left/right & top/bottom spacing you want between your images.
    Images on page load?: Number of Instagram images & data to show on page load. Max=20 (this is an Instagram restriction).
    Show posted date: Yes/No.
    Custom text before date: Enter text that will show before your posted date (Optional).
    Date format: Select between M-D-Y, D-M-Y or Y-M-D.
    Show captions?: Yes/No.
    Show cation scroll bar?: Yes/No.
    Height of caption bar?: Adjust (in pixel format) the max height allowed for your caption area.
    Caption text color: The color you want for your caption data to be.
    Text color on hover: The color you want for your hashtags and links data to be.
    Container font size: The font size you want for your caption data to be.
    Background color: The color you want for your caption data to be.
    Show Likes & Comments count?: Yes/No.

    Lightbox Settings:
    Load Lightbox Script?: Yes/No. InstAholic Lite is using the Fancybox 2 lightbox script. If you are using another extension that is also using Fancybox, you'll wnat to turn this setting to NO.
    Lightbox max width: The max pixel width of the lightbox
    Lightbox max height: The max pixel height of the lightbox
    Lightbox width percentage: The width percentage of the lightbox. Note: 100% will equal the max pixel width setting above.
    Lightbox height percentage: The height percentage of the lightbox. Note: 100% will equal the max pixel height setting above.
    Lightbox effects: None, Fade or Elastic.
    Lightbox background tint: Select color and tint for lightbox background style.
    Show Lightbox counter: Yes/No. Select to display image counter navigation in lightbox.
    Show slideshow button: Yes/No. Select to display image slideshow button in lightbox.
    Show full screen button: Yes/No. Select to display image fullscreen button in lightbox.
    Show thumbnail button: Yes/No. Select to display image thumbnails button in lightbox.
    Show close X button: Yes/No. Select to display the close 'X' button in lightbox.

    The settings used for this demo are; Lightbox Instagram images=Yes, Image resolution=Standard resolution, Image height ratio=150px, Display ratio size=150px, Margin gap between images=15px, Images on page load=20, Show posted date=No, Show captions=No, Background color=white.

    Jooma4Ready 03