Instagram is a flexible shortcode that can retrieve a feed and show the images as a grid or slider.
Options
layout
: Accepts: grid|slider
.
parent_class
: Class names for the parent element. Default: x-9 m0a df fww gtr
.
child_class
: Class names for each child element. Default: x-3 x-fd df
.
Slider options
slider_pp
: Slides per page. Default: 3
.
slider_gap
: Gap between each slide. Default: var(--gutter)
.
slider_dots
: Show dots below the slider. Default: false
.
slider_type
: Accepts: slide|loop
. Default: slide
.
slider_snap
: Snap on the slide edge. Default: true
.
slider_drag
: Accepts: (boolean)|'free'
. Default: true
.
slider_move
: Number of slides to move when using arrows. Default: 1
.
slider_autow
: Default: false
.
slider_focus
: Accepts: (int)|'center'
. Default: 'center'
.
slider_arrows
: Default: true
.
slider_height
: Assign the height of each slide.
slider_pause
: Pause the slider on mouse hover. Default: false
.
slider_speed
: Default: '2'
.
slider_autoplay
: Default: false
.
slider_interval
: Default: 4000
.
slider_autoscroll
: Default: false
.
slider_break
: Default: {'1200':{'perPage':3},'768':{'perPage':2},'580':{'perPage':1}}
.
slider_progress
: Show progress bar below the slider. Default: false
.
Example
Unable to load Instagram feed.
[artware_instagram layout="slider" slider_pp="2" slider_dots="true" slider_autoscroll="true" parent_class="x-6 df jscsb m0a" child_class="x-3 df"]