This is a Craft CMS plugin that provides a custom field to pick Flickr photos.
To install FlickrPhotoPicker:
- Copy the flickrphotopicker/ folder to your craft/plugins/ folder.
- Go to Settings > Plugins from your Craft control panel and install the Flickr Photo Picker plugin.
- Configure the plugin settings with your Flickr API key and a User ID.
- Create a new
Flickr Photosfield.
Get the Flickr Photos:
{% set photos = craft.flickrPhotoPicker.getPhotoDetails(entry.flickrPhotos) %}
Quickly render the medium size links:
{% for photo in photos %}
%img{ src: "{{ photo.links.m | raw }}" }
{% endfor %}
You also have access to several other pieces of information about each photo. These are the same properties that are returned by the Flickr API.
// Get the link and get a single photo
{% set photos = craft.flickrPhotoPicker.getPhotoDetails(entry.flickrPhotos) %}
{% set photo = photos[0] %}
{{ photo.id }}
{{ photo.secret }}
{{ photo.server }}
{{ photo.farm }}
{{ photo.title }}
{{ photo.photosetid }}
{{ photo.photoset }}
// URL links to the photos
{{ photo.links.s | raw }}
{{ photo.links.q | raw }}
{{ photo.links.t | raw }}
{{ photo.links.m | raw }}
{{ photo.links.n | raw }}
{{ photo.links.c | raw }}
{{ photo.links.b | raw }}
{{ photo.links.o | raw }}
Example photo object when JSON encoded:
// Get the link and get a single photo
{% set photos = craft.flickrPhotoPicker.getPhotoDetails(entry.flickrPhotos) %}
{{ photos[0] | json_encode() }}
{
"id":"8980505187",
"secret":"74eb03d8b4",
"server":"2840",
"farm":3,
"title":"Apollo 11, 1969",
"photosetid":"72157623741800966",
"photoset":"NASA Center Namesakes",
"links":{
"s":"http:\/\/farm3.staticflickr.com\/2840\/8980505187_74eb03d8b4_s.jpg",
"q":"http:\/\/farm3.staticflickr.com\/2840\/8980505187_74eb03d8b4_q.jpg",
"t":"http:\/\/farm3.staticflickr.com\/2840\/8980505187_74eb03d8b4_t.jpg",
"m":"http:\/\/farm3.staticflickr.com\/2840\/8980505187_74eb03d8b4_m.jpg",
"n":"http:\/\/farm3.staticflickr.com\/2840\/8980505187_74eb03d8b4_n.jpg",
"c":"http:\/\/farm3.staticflickr.com\/2840\/8980505187_74eb03d8b4_c.jpg",
"b":"http:\/\/farm3.staticflickr.com\/2840\/8980505187_74eb03d8b4_b.jpg",
"o":"http:\/\/farm3.staticflickr.com\/2840\/8980505187_74eb03d8b4_o.jpg"
}
}
- Tutorial on this plugin.
- Ability to configure different user ids per field.
- Ability to restrict a field to a certain photo set.
- Fixes #6 - Fixing syntax to avoid problems in different environments
- New field setting to limit number of photos that can be selected
- Fixes #2 - Field can now be used in a matrix
- Smarter fetching of images in the admin panel
- Saves entire photo object so that retrieval does not require API calls
- Custom Flickr Picker Field
- Supports a single user id
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent