Jump to content

fieldtype for storing image reference


Mikel
 Share

Recommended Posts

HI guys,

I am wondering if I am to focused on the problem, so that I don´t see an obvious solution, or that there is no elegant solution... ;-)

Ok, here is the usecase:

I am building a template with only one image-field that collects all needed images for that page. Also there are several repeater matrix fields: One for each section of the page. In each repeater matrix there is the possibility to choose one of the pages images for displaying it as "fullwidth section image" on frontend. At the moment I am doing this with a textarea, which is prone to errors, due to wrong user input.

Is there another possibility to store an image reference as a textarea?

Link to comment
Share on other sites

Hi, Zeka, thanks for the reply.

The goal is to upload about 30 to 50 images at once and then use them in individual sections of the page (template):
In "normal" textareas and in "special purpose" fields which actually just would need to store the image reference. With image fields you can only upload images, not choose already uploaded ones. (Or can you?)

Link to comment
Share on other sites

You maybe could use my module FieldtypeSelectExtOption in this case.

  1. install module
  2. create a field with this Fieldtype
  3. go to details tab of the new created field
  4. choose your preferred Inputfieldtype
  5. select the field holding your images as 'Source Table'
  6. save field
  7. select 'sort' for option value and whatever you want as 'label'
  8. set ther filter to 'pages_id = 1234' (1234 is a placeholder for the pages-id holding your image field and repeaters)
  9. save again
  10. add the field to your repeater matrix template
  11. done

Tell me if it works or if any problem occurs.

 

  • Like 4
Link to comment
Share on other sites

Hi, kixe, thanks for reminding me of your module!

It works the way you wrote, but I have one problem: The site we are working on is for a real estate company. The template in question must be reused for a lot of different projects. (=pages) 

So it does not work specifying the image field of only one page (filtering per id). The field created with your module should instead fetch all images of the page being edited. 

Link to comment
Share on other sites

// tested only backend part
$this->addHookAfter('FieldtypeSelectExtOption::filter', function($e) {
    if ($this->wire('page')->template == 'admin') {
        if ($this->wire('page')->process == 'ProcessPageEdit') $id = $this->wire('input')->get->id;
        else return;
    }
    else if ($this->wire('page') instanceof RepeaterPage) $id = $this->wire('page')->getForPage()->id;
    else $id = $this->wire('page')->id;
    $e->return = "pages_id='$id'";
});

 

Edited by kixe
modified code: hook admin only if ProcessPageEdit
  • Like 4
Link to comment
Share on other sites

Hi, kixe,

the backend is the only place where this is needed! But as I am actually a designer/part-time developer( with more or less growing knowledge of programming), could you please tell me where you placed the hook above? In a seperate module? Thanks!

Link to comment
Share on other sites

18 hours ago, kixe said:

You maybe could use my module FieldtypeSelectExtOption in this case.

  1. install module
  2. create a field with this Fieldtype
  3. go to details tab of the new created field
  4. choose your preferred Inputfieldtype
  5. select the field holding your images as 'Source Table'
  6. save field
  7. select 'sort' for option value and whatever you want as 'label'
  8. set ther filter to 'pages_id = 1234' (1234 is a placeholder for the pages-id holding your image field and repeaters)
  9. save again
  10. add the field to your repeater matrix template
  11. done

@kixe, when I try this (or use a hook to dynamically select a pages_id) there is always an option preselected in the inputfield. My SelectExternalOption field is not set to 'required'. Is it possible to have the first option in the inputfield blank (no selection)?

Link to comment
Share on other sites

  • 2 years later...

Hey @kixe, one question before trying this out: Is it possible to see image thumbnails to select from?

I have a use case where I need centralized stored icons and a select field for reference, that shows image thumbnails. Can I do that with your module?

 

Link to comment
Share on other sites

  • 1 month later...

@horst

Sorry for the very delayed answer. The module (FieldtypeSelectExtOption) is a fieldtype, not an inputfield. The fieldtype supports any Core Inputfieldtypes (Select, Radios, Checkboxes, SelectMultiple or ASMSelect) furthermore some 3d Party Inputfields like InputfieldChosenSelect. Read more about this in the README.md.

I don't know if there exists an Inputfield module which extends InputfieldSelect or InputfieldSelectMultiple showing icons or thumbnails to select from. Let me know if you find a solution.

  • Like 1
Link to comment
Share on other sites

@gmclelland here are screenshots of my use case and solution with the medialibrary module and the imagepicker module:

screen__imagepicker__with__medialibrary__1v2.thumb.png.050636bcaad874fec3e088e990ddb47f.png  screen__imagepicker__with__medialibrary__2v2.thumb.png.9bd9fc9c8160475749fb9c5cd34236bd.png

This is very nice solution. The site owner likes it. She can select completly visual. No distracting informations around. Just the icons. :)

  • Like 2
Link to comment
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
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By Cesco
      Hi is possible to hide FieldsetTab if page has field set to certain value?
      It's possible for other field type by Input->Visibility->if... but not for FieldsetTab. 
      Thanks
      Francesco
    • By ErikMH
      So, if I do this right at the top of a template PHP file:
      <?php namespace ProcessWire; function myFunction() { global $config; echo $config->dateFormat; }; ?> I, predictably, get this in my front end (once I figured out about the necessary global $config; line):
      Y-m-d H:i:s Happy camper. But if I try to access $session variables in the same way:
      <?php namespace ProcessWire; function myFunction() { global $session; echo $session->future; }; ?> I’m told there is no $session object; it responds exactly as if I hadn’t included the global $session statement:
      PHP Notice: Trying to get property 'future' of non-object in .../public/site/templates/home.php:5 I thought the problem might conceivably have to do with my private variables, so I tried the provided hasCookie() method:
      <?php namespace ProcessWire; function myFunction() { global $session; print_r($session->hasCookie()); }; ?> With essentially the same result:
      Error Call to a member function hasCookie() on null $session variables and methods are fully accessible and work exactly as expected if placed immediately outside of myFunction().
      I am rapidly running out of hair. Is this intentional? Or a bug? Can anyone confirm that they see this behavior? Can anyone think of a workaround? Thanks!
      ProcessWire: 3.0.179
      PHP: 7.4.19
       
    • By RyanJ
      I have quite the pickle. 
      The admin no matter where I am at in it, times out constantly. I either get a 504 gateway or and execution timeout. I am banging my head why its across the board. The frontend of the site works great.
      The site does have a lot of pages, 164,889 to be exact.  Most of that is due to image pages created by media manager and having repeater matrix installed which is used on most of the pages. For some reason, if I can manage  click the "Clear file compiler" without it timing out, the site perks back up and I can access the admin again and it is quite speedy. However if I walk away leaving the browser sitting for about an hour and come back, I have to start the process all over again.
      The site has 52 various fields. Not every field is assigned to every template. a lot of the fields are used by the matrix to create a page builder.
      I can't accept that PW can't handle such. I have other sites that run triple the amount of pages, but don't rely on the matrix to build the layout.
      I have disabled any custom module that I thought could possibly cause an issue. I have overwrote every module and the wire core thinking something may have got corrupted. I guess my next step is starting with a fresh install, but I thought I would reach out to see if I am missing something. 
      Some background on pages:
      All the pages are imported using the command line which bootstraps PW and uses the api. This is a dev site, so I blow away the pages if I need to reimport them, until I get it correct.
      PW Version 3.0.172, PHP 7.3, Innodb 5.7.27-30.
      I appreciate any suggestions or thoughts. 

       

       

    • By dfile
      Hello,
      I am running ProcessWire 3.0.165 but $input->urlSegmentLast or $input->urlSegment(-1) does not work as expected.
      Or do I something wrong?
      Thank you.

    • By bramwolf
      Hi Guys,

      I found here: https://processwire.com/docs/selectors/#finding2 that I can exclude results from my $pages->find($selctor); query by using parent!=123 ( parent ID ) But I was wondering if I can
      also do so based on the parent template? I've tried doing it by itterating over the matches array and dropping the matches with the parent but since the result is limited for use with the paginator
      it only drops the items from the batch displayed on this page. Say from the results within matches 0 - 20 and not the entire 0 - 220.

      Anybody have a idea of how to achieve this? 🙂

      Thanks in advace!
      Bram 
×
×
  • Create New...