Documentation

PowerPack – Instagram Slider and Carousel Plus Widget

Introduction

A fully responsive plugin to display your Instagram pictures in a Grid, Slider and Carousel view with widget.

Features:

Here you will find the main features which are included in ‘Instagram Slider and Carousel Plus Widget’ Plugin.

  1. 10 stunning and cool designs
  2. Instagram photo grid view
  3. Instagram photo slider view
  4. Instagram photo carousel view
  5. Instagram photo block view
  6. Lightbox View
  7. 2 widget with grid and slider functionality
  8. Display Instagram photo like count
  9. Display Instagram photo comment count
  10. Display Instagram photo’s latest 3 comments
  11. Multiple username support
  12. Build with cache system
  13. Slider RTL support
  14. Strong shortcode parameters
  15. Fully Responsive
  16. 100% Multilanguage

Installation

Installation of Instagram Slider and Carousel Plus Widget requires a few clicks. To install the plugin, please use the following steps:

  1. For the installation goto the PowerPack -> modules and find your favourite module ‘Instagram Slider and Carousel Plus Widget’.
  2. Now, Click on the top right side button to activate the module.
  3. That will become in green color and then click on ‘save changes’ Now your module has been activated.
  4. Now you plugin is activated and you can see a message ‘Plugin activated’ at the top of the window.
  5. Now You can show that modue in ‘Poerpack -> active modules’ Modules list

Instagram Slider and Carousel Plus Widget should now be installed successfully!

Getting started with Instagram Slider and Carousel Plus Widget

Instagram Slider and Carousel Plus Widget Pro adds a Menu tab in WP Admin side with the name “Powerpack -> Instagram Feed” where you can set caching time of the instagram users you can delete the cache of instagram user and custom css section.

Screen shows “Instagram Feed” tab in the left side and All Instagram settingsLogo Add/Edit Page

How to display shortcode

Display instagram pictures is very simple. Just go to Pages -> add New and add page title ie. Instagram feed and shortcode:

[pwpc_insta_grid username="instagram"] – Instagram Slider
[pwpc_insta_slider username="instagram"] – Instagram Grid
[pwpc_insta_grid_block username="instagram"] – Instagram Grid Block

Template Code – If you want to display news post within your theme template.

<?php echo do_shortcode('[pwpc_insta_grid]'); ?>
<?php echo do_shortcode('[pwpc_insta_slider]'); ?>
<?php echo do_shortcode('[pwpc_insta_grid_block]'); ?>

Following are Instagram Slider Parameters

Shortcode : [pwpc_insta_slider ]

  • Username
    [pwpc_insta_slider username="instagram"]
    Instagram username of which you want to show pictures.

  • User Avatar
    [pwpc_insta_slider popup_user_avatar="true"]
    Show user’s profile pic in popup.values are “true” or “false”. By Default is true.

  • Instagram Link
    [pwpc_insta_slider popup_insta_link="true"]
    Show the instagram user link.values are “true” or “false”. By Default is true.

  • Instagram Link Text
    [pwpc_insta_slider instagram_link_text="View on Instagram"]
    You can set any desired text. Value is any string.

  • Design
    [pwpc_insta_slider design="design-1"]
    Your desired design between “design-1” to “design-10”. By Default is design-1.

  • Limit
    [pwpc_insta_slider limit="20"]
    Number of pictures you want to show. By Default is 20.

  • Space Between Pics
    [pwpc_insta_slider offset="10"]
    Gap between two pictures. values is any number. By default is 10.

  • Link Target
    [pwpc_insta_slider link_target="self"]
    Open the link in same window or in new window. values are “self” OR “blank”.

  • Popup Gallery
    [pwpc_insta_slider popup_gallery="true"]
    Open the instagram pictures as gallery or not. values are “true” OR “false”. By Default is true.

  • Picture Height
    [pwpc_insta_slider gallery_height="300"]
    You can set Pictures height. Any numeric value accepted. By Default values is 300.

  • Image Caption
    [pwpc_insta_slider show_caption="true"]
    Show the picture’s caption.values are “true” or “false”. By Default is true.

  • Popup
    [pwpc_insta_slider popup="true"]
    Show the popup for the picture detail. Values are “true” or “false”. By Default is true.

  • Likes Count
    [pwpc_insta_slider show_likes_count="true"]
    Show the likes count of picture. Values are “true” or “false”. By Default is true.

  • Comments Count
    [pwpc_insta_slider show_comments_count="true"]
    Show the commnets count of picture. Values are “true” or “false”. By Default is true.

  • Comments
    [pwpc_insta_slider show_comments="true"]
    Show the comments of picture when popup. Values are “true” or “false”. By Default is true.

  • User Details
    [pwpc_insta_slider show_user_info="false"]
    Show the information of instagram user. Values are “true” or “false”. By Default is false.

  • Slide To Show
    [pwpc_insta_slider slidestoshow="3"]
    Number of slide you want to show in slider. By default is 3.

  • Slide To Scroll
    [pwpc_insta_slider slidestoscroll="1"]
    Number of picture you want to scroll at a time. By Default is number 1.

  • Loop
    [pwpc_insta_slider loop="ture"]
    Show continuous slider. Values are “true” or “false”. By Default is true.

  • Dots
    [pwpc_insta_slider dots="true"]
    Show instagram slider pagination(dots). Values are “true” or “false”. By Default is true.

  • Arrows
    [pwpc_insta_slider arrows="true"]
    Show instagram slider arrows. Values are “true” or “false”. By Default is true.

  • Autoplay
    [pwpc_insta_slider autoplay="true"]
    Enable instagram Autoplay slider. Values are “true” or “false”. By Default is true.

  • Autoplay Interval
    [pwpc_insta_slider autoplay_interval="3000"]
    Time duration to scroll slide. Value is any integer number. By Default is 3000.

  • Slide Speed
    [pwpc_insta_slider speed="300"]
    Speed of slide when scrolling. Value is any integer number. By Default is 300.

  • Center Mode
    [pwpc_insta_slider centermode="false"]
    Enable centermode in slider. Values are “true” or “false”. By Default is false.

  • Image fit
    [pwpc_insta_slider image_fit="false"]
    Set image fit to box or not. Values are “true” or “false”

Following are Grid Parameters:

Shortcode : [pwpc_insta_grid]

  • Username:
    [pwpc_insta_grid username="instagram"]
    Instagram username of which you want to show pictures.

  • User avtar:
    [pwpc_insta_grid popup_user_avatar="true"]
    Show user’s profile pic in popup. Values are “true” or “false”. By Default is true.

  • Instagram Link:
    [pwpc_insta_grid popup_insta_link="true"]
    Show the instagram user link. Values are “true” or “false”. By Default is true.

  • Instagram Link Text:
    [pwpc_insta_grid instagram_link_text="View on Instagram"]
    Values is any string. You can set your desired text.

  • Grid:
    [pwpc_insta_grid grid="4"]
    Number of columns that you wanna to show. Value is any numeric value between 1 to 12.

  • Design:
    [pwpc_insta_grid design="design-1"]
    Your desired desing between “design-1” to “design-10”. By Default is design-1.

  • Limit:
    [pwpc_insta_grid limit="20"]
    Number of pictures you want to show. By Default is 20.

  • Space Between Pics:
    [pwpc_insta_grid offset="10"]
    Gap between two pictures. Values is any number. By default is 10.

  • Link Target:
    [pwpc_insta_grid link_target="self"]
    Open the link in same window or in new window. Values are “self” OR “blank”. By Default is self.

  • Popup Gallery:
    [pwpc_insta_grid popup_gallery="true"]
    Open the instagram pictures as gallery or not. Values are “true” OR “false”. By Default is true.

  • Picture Height:
    [pwpc_insta_grid gallery_height="300"]
    Set picture height. Any numeric value accepted. By Default values is 300.

  • Image Caption:
    [pwpc_insta_grid show_caption="true"]
    Show the picture’s caption.values are “true” or “false”. By Default is true.

  • Popup:
    [pwpc_insta_grid popup="true"]
    Show the popup for the picture detail.values are “true” or “false”.

  • Likes Count:
    [pwpc_insta_grid show_likes_count="true"]
    Show the likes count of picture. Values are “true” or “false”. By Default is true.

  • Comments Count:
    [pwpc_insta_grid show_comments_count="true"]
    Show the commnets count of picture. Values are “true” or “false”. By Default is true.

  • Comments:
    [pwpc_insta_grid show_comments="true"]
    Show the commnets of picture when popup. Values are “true” or “false”. By Default is true.

  • User Details:
    [pwpc_insta_grid show_user_info="false"]
    Show the information of instagram user. Values are “true” or “false”. By Default is false.

  • Image fit:
    [pwpc_insta_grid image_fit="false"]
    Set image fit to box or not. Values are “true” or “false”

Grid Block parameter

Shortcode : [pwpc_insta_grid_block]

  • Username
    [pwpc_insta_grid_block username="instagram"]
    Instagram username of which you want to show pictures.

  • User Avatar
    [pwpc_insta_grid_block popup_user_avatar="true"]
    Show user’s profile pic in popup. Values are “true” or “false”. By Default is true.

  • Instagram Link
    [pwpc_insta_grid_block popup_insta_link="true"]
    Show the instagram user link. Values are “true” or “false”. By Default is true.

  • Instagram Link Text
    [pwpc_insta_grid_block instagram_link_text="View on Instagram"]
    Value is any string. You can set your desired text.

  • Design
    [pwpc_insta_grid_block design="design-1"]
    Your desired desing between “design-1” to “design-10”. By Default is design-1.

  • Limit
    [pwpc_insta_grid_block limit="20"]
    Number of pictures you want to show. By Default is 20.

  • Link Target
    [pwpc_insta_grid_block link_target="self"]
    Open the link in same window or in new window. Values are “self” OR “blank”. By Default is self.

  • Popup Gallery
    [pwpc_insta_grid_block popup_gallery="true"]
    Open the instagram pictures as gallery or not. Values are “true” OR “false”. By Default is true.

  • Gallery Height
    [pwpc_insta_grid_block gallery_height="20"]
    Set the gallery height. Enter any numeric values.

  • Image Caption
    [pwpc_insta_grid_block show_caption="true"]
    Show the picture’s caption. Values are “true” or “false”. By Default is true.

  • Popup
    [pwpc_insta_grid_block popup="true"]
    Show the popup for the picture detail. Values are “true” or “false”. By Default is true.

  • Likes Count
    [pwpc_insta_grid_block show_likes_count="true"]
    Show the likes count of picture. Values are “true” or “false”. By Default is true.

  • Comments Count
    [pwpc_insta_grid_block show_comments_count="true"]
    Show the comments count of picture. Values are “true” or “false”. By Default is true.

  • Comments
    [pwpc_insta_grid_block show_comments="true"]
    Show the commnets of picture when popup. Values are “true” or “false”. By Default is true.

  • User Details
    [pwpc_insta_grid_block show_user_info="false"]
    Show the information of instagram user. Values are “true” or “false”. By Default is false.

  • Image fit
    [pwpc_insta_grid_block image_fit="false"]
    Set image fit to box or not. Values are “true” or “false”.