Jump to content
caribou

Wishlist: Select pages by thumbnail

Recommended Posts

Like others here, I build sites that require reuse of images. In my case, the images must always be accompanied by correct credits and descriptions, and must be replaced sitewide when our contract with the photographer ends. So centralized image storage is a must, and one page per image works fine. The challenge is selecting image pages from other pages in an easy, visual way.

Soma's images module is a great move in that direction, but for my needs, users should work only with thumbs, never with HTML.

The default pages field seems like it's allllmost there. I'd just like one of the field label choices to be the image field, and to choose a page by thumbnail. Ideally, the thumb will be shown on the page after selection, as it is with the images field. Even more ideally, the page picker will include search. Even even more ideally, I'd have the time and php chops to build this module myself.  :)

  • Like 3

Share this post


Link to post
Share on other sites

making a page select field display as thumbnails should not be too hard to do: http://rvera.github.io/image-picker/

but that's only good for few images. if you have lots of pages to select it would get trickier :) and even trickier with an autocomplete field...  not much help from my side, i know ;) good luck

  • Like 1

Share this post


Link to post
Share on other sites

Very cool plugin! I suppose it could also be a button launching a modal window (as in other CMSs), so there would be more real estate to work with images, including search and pagination.

Share this post


Link to post
Share on other sites

take a look at image list label to get thumbnails in the pagetree....so this thumbs are shown also in the pagefield select...

post-2327-0-79157100-1442610303_thumb.jp

post-2327-0-63853100-1442610314_thumb.jp

some hints to change the image select to a central parent where all subpages are images (usefull if you choose images in WYSIWYG)

https://processwire.com/talk/topic/7439-processpageeditimageselect-hook-and-change-default-page/

a little project with some details (at the end of the post you see a pagefield select and the custom adminpage with pagetree with only the images with thumbs)

https://processwire.com/talk/topic/7836-cant-wait-first-project-with-pw-nearly-finished/

On some little projects i'll stick to central imagemanagment - but on most sites i've adapted the PW way to connect images to pages...

But it's all your choice just some hints to may a easy solution.

Best regards mr-fan

  • Like 2

Share this post


Link to post
Share on other sites

@caribou,

I have been working on a commercial module that does exactly that (minus the thumbnails in the selected pages list). It is nearly done. A few things remain, such as the CSS. See screenshot below for a (unfinished-state) preview. I will try post a video demo later today. I'll be looking for beta testers so might PM you if you are interested.

Thanks.

post-894-0-92634200-1442909973_thumb.png

Edited by kongondo
  • Like 5

Share this post


Link to post
Share on other sites

The Select All / Unselect All links are a bit strangely positioned. Maybe they could be buttons in the same row as the bottom pagination, but floated to the left.

  • Like 1

Share this post


Link to post
Share on other sites

...........A few things remain, such as the CSS. See screenshot below for a preview.

The Select All / Unselect All links are a bit strangely positioned. Maybe they could be buttons in the same row as the bottom pagination, but floated to the left.

Benjamin,

That's what I said (sort of) in my post :-);) . CSS not nearly done (the links, the page title, etc...)  :-X. Went with your suggestion though, thanks.

Edited by kongondo

Share this post


Link to post
Share on other sites

@caribou

I have also been thinking the same thing recently - that it would be nice to have a visual way to browse the Page field. After discovering the excellent "Page Field Edit Links " module (which I think was added to the core in 2.6.17??), I have been using the Page field to manage a shared collection of media assets (videos, images and documents). With the additional "Page Field Edit Links" module, it allows the users to search, add and edit media from the the shared collections without leaving the page. The only issue is that it's text search only - a thumbnail would be very useful here for searching, and then to show what was selected. 

Also an icon or a custom image would be nice to distinguish between different page templates (videos, images, documents etc,). The Select2 jquery plugin has some examples of this:

https://select2.github.io/examples.html#templating

If the Page field can be extended to include more custom content (like images and icons), I am thinking it might be a good solution for a simple  "content block" type setup. I am currently using the PageTable field for a "content block" type setup - it works well, but it has some user experience issues that I think the Page field would avoid.

@kongondo

could you explain a bit more what you module does?

  • Like 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By horst
      Hi, on a site I want to disable access to original images and only allow to access thumbnails and watermarked image variations.
      EDIT:
      A good solution for protecting original images can be found a bit down in this thread:
       
      Old content of this initial post:
       
    • By Guy Incognito
      I seem to be running into a repeated fatal error in a fresh PW install version 3.0.148. I can't quite put my finger on the pattern but it seems to be around deleting image fields or removing images from certain image fields.
      This is the trace from the log generated by trying to save a page and delete an image from an image field:
      Fatal Error: Uncaught Error: Cannot access protected property Pageimage::$original in /wire/core/PageimageVariations.php:256 Stack trace: 1. /wire/core/Pageimage.php(1327): PageimageVariations->getInfo() 2. /wire/core/Wire.php(386): Pageimage->___isVariation() 3. /wire/core/WireHooks.php(823): Wire->_callMethod() 4. /wire/core/Wire.php(450): WireHooks->runHooks() 5. /wire/core/Pageimage.php(1369): Wire->__call() 6. /wire/core/Pageimage.php(399): Pageimage->getOriginal() 7. /wire/core/WireData.php(333): Pageimage->get() 8. /wire/core/PageimageVariations.php(256): Pro Line 256 of /wire/core/PageimageVariations.php Earlier in the day I was experimenting with custom fields for images for the first time and kept running into this error, thinking it was me using this feature wrong and not having time to read up I deleted the custom image fields template and went about my business. So now I don't know if I triggered an issue or whether it was never related to the custom image fields in the first place?
      Any ideas?
    • By humanafterall
      I'm using some Custom fields for images: 
      https://processwire.com/blog/posts/pw-3.0.142/#custom-fields-for-files-images

      When I save the page, and return the fields are blank. When I re-add the text to the fields and save again then the fields save as expected.

      I know this is stated as being quite experimental but it's super useful feature I'd love to get working correctly.
      I have fields that are CKEditor fields but have overidden this on the image specific template. I've also tried it with regular text fields and I get the same bug.
      (currently using Processwire 3.0.155)
      **UPDATE**
      I've found this issue is specific to editing on pages using the PageTable fieldtype. The fields are not saving when I save the page in the PageTable.
    • By Robin S
      Displays image tags overlaid on the thumbnail using customisable colours. This makes it easier to see which images have which tags without needing to open the edit pane for individual images or changing to the list view.
      Screenshot

      Usage
      Enable tags for one or more image fields. Install the Image Thumbnail Tags module. Optionally configure colours for any of your tags.
       
      https://github.com/Toutouwai/ImageThumbnailTags
      https://modules.processwire.com/modules/image-thumbnail-tags/
    • By EyeDentify
      Hello dear PW gurus.

      I have stumbled over a strange error that i all of sudden got when trying to upload an image to a images field on a page.
      There where images allready stored in the field that i wanted to keep, but during the upload the error apear and after that all images are gone from the field and i can´t upload any, i just get the error every time.
      I am running ProcessWire 3.0.153 dev.
      Update:
      After looking in the assets folder i find the folder for the page and the image files seems to be there including the ones i tried to upload when the error occured.
      But they don´t show up in the images field in the page editor.
       
      The error reported:
       
      SQLSTATE[01000]: Warning: 1265 Data truncated for column 'ratio' at row 1 And here is a screenshot of the event:

      The TracyDebugger Error reporting:

      I hope you fine folks could point me in a direction.
      But it seems our old pal set_time_limit() is back.

      Regards, EyeDentify
×
×
  • Create New...