Flickr Element

18/01/2022

The Flickr Element allows you to add a Flickr feed anywhere in your content. Read the document to see the full range of options, and watch the video below for a visual overview.

View Element Demo Page!

Overview

How To Use The Flickr Element

Step 1 – Select where you’d like to place your Flickr feed. Add the Flickr Element from the Element Dialog.

Step 2 – Configure the Element as required. On the General tab, set your Flickr ID to pull your own Flickr feed into the Element, determine the number of images to display and your preferred aspect ratio.

Step 3 – On the Design tab, set your preferred columns, spacing and margins.

Step 4 – You can choose to animate the Element on the Extras tab if you wish.

Avada Website Builder

806,092 Businesses Trust Avada

Get Avada
Avada Website Builder

806,092 Businesses Trust Avada

Get Avada
Avada Website Builder

806,092 Businesses Trust Avada

Get Avada

Element Options

Location: The edit screen within each Element.

You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.

Note: Please note that the displayed option screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

General Tab

  • API KeyUse default or get your own from Flickr APP Garden.

  • Flickr IDGet your Flickr ID

  • Type Select your flickr feed type. Choose from Photostream, or Album.

  • Album ID Enter your Flickr Album ID. The album ID is the last, numerical part of your album URL.

  • Number Of Images Choose the number of images you want to display.

  • Images Aspect RatioSet images aspect ratio. Choose from 1:1, 2:1, 2:3, 3:1, 3:2, 4:1, 4:3, 5:4, 16:9, 9:16, 21:9, 9:21, or Custom.

  • Hover TypeSelect the hover effect type. Choose from Zoom In, Zoom Out, or Lift Up.

  • Image Link Choose where the image should link to. Choose from None, Lightbox, or Flickr Page.

  • Element Visibility – Allows you to control the Separator’s visibility. Choose one or more between Small Screen, Medium Screen, or Large Screen.

  • CSS Class – Allows you to add a class name to the wrapping HTML element. The class name does not have to be unique, but all areas with the same name will reflect any changes made to the class.

  • CSS ID – Allows you to add an ID to the wrapping HTML element. The ID must be unique to each CSS ID.

View the Options Screen

Design Tab

  • Number Of ColumnsSelect the number of columns to display.

  • Column SpacingControls the spacing between columns.

  • MarginEnter values including any valid CSS unit, ex: 4%.

View The Options Screen

Extras Tab

  • Animation Type – Controls the column’s animation type. Choose between None, Bounce, Fade, Flash, Rubberband, Shake, Slide, Zoom, Flip Vertically, Flip Horizontally, or Light Speed.

  • Direction of Animation – Controls the direction of animation on the column. Choose between Top, Right, Bottom, Left, or Static.

  • Speed of Animation – Controls the speed of animation on the column. Choose between 0.1 to 5.

  • Offset of Animation – Controls when the animation will start. Choose between Default, Top of element hits bottom of viewport, Top of element hits middle of viewport, or Bottom of element enters viewport.

View The Options Screen

Global Options

There are no Global Options for the Flickr Element.

Avada Website Builder

806,092 Businesses Trust Avada

Get Avada
Avada Website Builder

806,092 Businesses Trust Avada

Get Avada
Avada Website Builder

806,092 Businesses Trust Avada

Get Avada