It uses the Flickr API to get images to be displayed on the website. To display Flickr photo with the help of Flickr Widget Magento 2 extension the store owner needs a Flickr user-id. The store admin can add this Flickr widget on any of the CMS pages or blocks, so the customers can view images from any page. It is a fully customized tool to present images attractively and the extension also provides an image Flickr gallery, Images open once the user clicks on the Flickr image. Users can create a free account and upload their own photos (and videos) to share with friends and followers online.įlickr Widget is an effective Magento 2 extension that integrates any Flickr gallery into the Magento website. ThumbnailHeight and thumbnailWidth are used to define the size of the thumbnails.Flickr is a photo-sharing social network platform where the users upload photos and others can see it. On album's thumbnail click, displays the images instead of the thumbnails of the album's content.Įnables keyboard navigation beween albums.ĭown, Left, PageDown: Display previous album Lazy load of thumbnails image (images are loaded only when displayed in the viewport).Įxtends the viewport area (in pixel) for thumbnails image lazy load.Īutomatically lower the last row height to avoid layout breaks (only for justified layout - thumbailWidth='auto'). Transition animation used to display each thumbnail. Interval in ms between the display of the thumbnails. Note: the parameter is ignored when 'touchAnimation=false'. 1= disabled (user needs to tap twice to open the thumbnail),Ġ= automatic (the plugin will determine automatically the delay). Sets a timer to delay execution of the back animation (in milliseconds).Įnables thumbnail hover animation on touch event (= tap twice to show the image).ĭelay in ms before opening the touched thumbnail. Please note that this is not supported with transit.jsĪ number determining how long the back animation will run (in milliseconds).Ī string indicating which easing function to use for the back transition. Sets a timer to delay execution of the animation (in milliseconds) To activate it, just include the plugin in the of your page:Ī number determining how long the animation will run (in milliseconds).Ī string indicating which easing function to use for the transition. NanoGALLERY supports additionally 'Transit jQuery plugin' which provides better animation performances in some cases. The effect will also be triggered by 'tap' on touch-screen.Ĭombinations: define multiple effect names in the parameter to combine them.Įxample: thumbnailHoverEffect='borderDarker,labelAppear75' Possible values: 'none', 'title', 'description' Possible values: '%filename', '%filenameNoExt'ĭisplays the number of items per photo album. Variable to set the image title (undescores are replaced by spaces). Possible values: 'right', 'center', 'left' Possible values: 'overImageOnBottom', 'overImageOnTop', 'overImageOnMiddle', 'onBottom' ThumbnailHoverEffect: 'labelAppear75,slideDown', ThumbnailWidth: 120, thumbnailHeight: 120, This shows you also how to change the label 'List of Albums' (parameter 'breadcrumbHome').įor this example, you also need to include Font Awesome in the HEAD of your page. It's defined twice: one is used by default (breadcrumbHome) and the other one is used on devices in french (breadcrumbHome_FR).Ī search icon is displayed in the thumbnail description. The breadcrumd home icon is replaced by a camera icon. This example shows you how to use icons from Font Awesome.
0 Comments
Leave a Reply. |