Multiple images on submit job form
-
Hi im trying to add multiple image to the job application form.
I have managed to add the inputs to the form but they do not upload when using the form from the front end, they do work from the back end end of Woredpress, how do I update custom post meta with an image?
Any help would be much appreciated thanks.
Viewing 7 replies - 1 through 7 (of 7 total)
-
Can you show us the code you’ve used?
Hi Mike
I am using the wp-job-manager-fields code below.
thanks.
<?php // Exit if accessed directly if ( ! defined( 'ABSPATH' ) ) exit; class Astoundify_Job_Manager_Fields { /** * @var $instance */ private static $instance; /** * Make sure only one instance is only running. * * @since Custom fields for WP Job Manager 1.0 * * @param void * @return object $instance The one true class instance. */ public static function instance() { if ( ! isset ( self::$instance ) ) { self::$instance = new self; } return self::$instance; } /** * Start things up. * * @since Custom fields for WP Job Manager 1.0 * * @param void * @return void */ public function __construct() { $this->setup_globals(); $this->setup_actions(); } /** * Set some smart defaults to class variables. * * @since Custom fields for WP Job Manager 1.0 * * @param void * @return void */ private function setup_globals() { $this->file = __FILE__; $this->basename = plugin_basename( $this->file ); $this->plugin_dir = plugin_dir_path( $this->file ); $this->plugin_url = plugin_dir_url ( $this->file ); } /** * Hooks and filters. * * We need to hook into a couple of things: * 1. Output fields on frontend, and save. * 2. Output fields on backend, and save (done automatically). * * @since Custom fields for WP Job Manager 1.0 * * @param void * @return void */ private function setup_actions() { /** * Filter the default fields that ship with WP Job Manager. * The <code>form_fields</code> method is what we use to add our own custom fields. */ add_filter( 'submit_job_form_fields', array( $this, 'form_fields' ) ); /** * When WP Job Manager is saving all of the default field data, we need to also * save our custom fields. The <code>update_job_data</code> callback is what does this. */ add_action( 'job_manager_update_job_data', array( $this, 'update_job_data' ), 10, 2 ); /** * Filter the default fields that are output in the WP admin when viewing a job listing. * The <code>job_listing_data_fields</code> adds the same fields to the backend that we added to the front. * * We do not need to add an additional callback for saving the data, as this is done automatically. */ add_filter( 'job_manager_job_listing_data_fields', array( $this, 'job_listing_data_fields' ) ); } /** * Add fields to the submission form. * * Currently the fields must fall between two sections: "job" or "company". Until * WP Job Manager filters the data that passes to the registration template, these are the * only two sections we can manipulate. * * You may use a custom field type, but you will then need to filter the <code>job_manager_locate_template</code> * to search in <code>/templates/form-fields/$type-field.php</code> in your theme or plugin. * * @since Custom fields for WP Job Manager 1.0 * * @param array $fields The existing fields * @return array $fields The modified fields */ function form_fields( $fields ) { // Gallery Image $fields[ 'company' ][ 'gallery_image' ] = array( 'label' => 'Gallery', // The label for the field 'placeholder' => '', // Placeholder value 'type' => 'file', // file, job-description (tinymce), select, text 'required' => false, // If the field is required to submit the form 'priority' => 5 ); /** * Repeat this for any additional fields. */ return $fields; } /** * When the form is submitted, update the data. * * All data is stored in the $values variable that is in the same * format as the fields array. * * @since Custom fields for WP Job Manager 1.0 * * @param int $job_id The ID of the job being submitted. * @param array $values The values of each field. * @return void */ function update_job_data( $job_id, $values ) { /** Get the values of our fields. */ $gallery_image = isset ( $values[ 'company' ][ 'gallery_image' ] ) ? ( $values[ 'company' ][ 'gallery_image' ] ) : null; /** By using an underscore in the meta key name, we can prevent this from being shown in the Custom Fields metabox. */ if ( $gallery_image ) { update_post_meta( $job_id, '_gallery_image', $gallery_image ); } /** * Repeat this process for any additional fields. Always escape your data. */ } /** * Add fields to the admin write panel. * * There is a slight disconnect between the frontend and backend at the moment. * The frontend allows for select boxes, but there is no way to output those in * the admin panel at the moment. * * @since Custom fields for WP Job Manager 1.0 * * @param array $fields The existing fields * @return array $fields The modified fields */ function job_listing_data_fields( $fields ) { /** * Add the field we added to the frontend, using the meta key as the name of the * field. We do not need to separate these fields into "job" or "company" as they * are all output in the same spot. */ $fields[ '_gallery_image' ] = array( 'label' => 'Gallery image 1', // The field label 'placeholder' => '', // The default value when adding via backend. 'type' => 'file' // text, textarea, checkbox, file ); /** * Repeat this for any additional fields. */ return $fields; } } add_action( 'init', array( 'Astoundify_Job_Manager_Fields', 'instance' ) );I think you are missing the upload code. In the core plugin this is used:
$image_url = self::upload_image( 'company_logo' );So something like:
$image_url = WP_Job_Manager_Form_Submit_Job::upload_image( 'gallery_image' );May work for you.
Hi Mike
I used the code in the update_job_data function and it worked a treat.
Thanks allot for your help 😀
Would you care to share the solution you worked out? I am attempting to do this same thing.
This is the solution I used you can repeat it for any other additional images, let me know if you get it sorted.
<?php // Exit if accessed directly if ( ! defined( 'ABSPATH' ) ) exit; class Astoundify_Job_Manager_Fields { /** * @var $instance */ private static $instance; /** * Make sure only one instance is only running. * * @since Custom fields for WP Job Manager 1.0 * * @param void * @return object $instance The one true class instance. */ public static function instance() { if ( ! isset ( self::$instance ) ) { self::$instance = new self; } return self::$instance; } /** * Start things up. * * @since Custom fields for WP Job Manager 1.0 * * @param void * @return void */ public function __construct() { $this->setup_globals(); $this->setup_actions(); } /** * Set some smart defaults to class variables. * * @since Custom fields for WP Job Manager 1.0 * * @param void * @return void */ private function setup_globals() { $this->file = __FILE__; $this->basename = plugin_basename( $this->file ); $this->plugin_dir = plugin_dir_path( $this->file ); $this->plugin_url = plugin_dir_url ( $this->file ); } /** * Hooks and filters. * * We need to hook into a couple of things: * 1. Output fields on frontend, and save. * 2. Output fields on backend, and save (done automatically). * * @since Custom fields for WP Job Manager 1.0 * * @param void * @return void */ private function setup_actions() { /** * Filter the default fields that ship with WP Job Manager. * The <code>form_fields</code> method is what we use to add our own custom fields. */ add_filter( 'submit_job_form_fields', array( $this, 'form_fields' ) ); /** * When WP Job Manager is saving all of the default field data, we need to also * save our custom fields. The <code>update_job_data</code> callback is what does this. */ add_action( 'job_manager_update_job_data', array( $this, 'update_job_data' ), 10, 2 ); /** * Filter the default fields that are output in the WP admin when viewing a job listing. * The <code>job_listing_data_fields</code> adds the same fields to the backend that we added to the front. * * We do not need to add an additional callback for saving the data, as this is done automatically. */ add_filter( 'job_manager_job_listing_data_fields', array( $this, 'job_listing_data_fields' ) ); } /** * Add fields to the submission form. * * Currently the fields must fall between two sections: "job" or "company". Until * WP Job Manager filters the data that passes to the registration template, these are the * only two sections we can manipulate. * * You may use a custom field type, but you will then need to filter the <code>job_manager_locate_template</code> * to search in <code>/templates/form-fields/$type-field.php</code> in your theme or plugin. * * @since Custom fields for WP Job Manager 1.0 * * @param array $fields The existing fields * @return array $fields The modified fields */ function form_fields( $fields ) { // Gallery Image $fields[ 'company' ][ 'gallery_image' ] = array( 'label' => 'Gallery', // The label for the field 'placeholder' => '', // Placeholder value 'type' => 'file', // file, job-description (tinymce), select, text 'required' => false, // If the field is required to submit the form 'priority' => 5 ); /** * Repeat this for any additional fields. */ return $fields; } /** * When the form is submitted, update the data. * * All data is stored in the $values variable that is in the same * format as the fields array. * * @since Custom fields for WP Job Manager 1.0 * * @param int $job_id The ID of the job being submitted. * @param array $values The values of each field. * @return void */ function update_job_data( $job_id, $values ) { /** Get the values of our fields. */ $gallery_image = WP_Job_Manager_Form_Submit_Job::upload_image( 'gallery_image' ); /** By using an underscore in the meta key name, we can prevent this from being shown in the Custom Fields metabox. */ if ( $gallery_image ) { update_post_meta( $job_id, '_gallery_image', $gallery_image ); } /** * Repeat this process for any additional fields. Always escape your data. */ } /** * Add fields to the admin write panel. * * There is a slight disconnect between the frontend and backend at the moment. * The frontend allows for select boxes, but there is no way to output those in * the admin panel at the moment. * * @since Custom fields for WP Job Manager 1.0 * * @param array $fields The existing fields * @return array $fields The modified fields */ function job_listing_data_fields( $fields ) { /** * Add the field we added to the frontend, using the meta key as the name of the * field. We do not need to separate these fields into "job" or "company" as they * are all output in the same spot. */ $fields[ '_gallery_image' ] = array( 'label' => 'Gallery image 1', // The field label 'placeholder' => '', // The default value when adding via backend. 'type' => 'file' // text, textarea, checkbox, file ); /** * Repeat this for any additional fields. */ return $fields; } } add_action( 'init', array( 'Astoundify_Job_Manager_Fields', 'instance' ) );Hello, First of all thank you for your tutorial but I can not find the file to modify!
What is the file has changed? thank you
Viewing 7 replies - 1 through 7 (of 7 total)
- The topic ‘Multiple images on submit job form’ is closed to new replies.
