- This topic has 28 replies, 3 voices, and was last updated 5 years, 10 months ago by
.
-
Posts
-
-
I just started working with Piklist and love creating the CPT. I am building a summit event page for our company that has general venue information, speakers and sponsors. That was the fun easy part.
At this point I’m unable to get anything to display on the front end. Tried everything I know and all I get is a 404 page not found.
Here is what I have put in the my function.php
add_filter('piklist_post_types', 'piklist_event_post_type'); function piklist_event_post_type($post_types) { $post_types['piklist_event'] = array( 'labels' => piklist('post_type_labels', 'Company Summit'), 'title' => __('Enter Event Title'), 'public' => true, 'rewrite' => array( 'slug' => '/event/' ), 'supports' => array( 'title', 'editor', 'thumbnail', ), ); return $post_types; }Here is are examples of the field groups I’m creating.
<?php /* Title: Event Speakers Post Type: piklist_event Order: 80 */ piklist('field', array( 'type' => 'group', 'field' => 'speaker_group_add_more', 'add_more' => true, 'description' => 'Add speakers as needed', 'fields' => array( array( 'type' => 'text', 'field' => 'name', 'label' => 'Full Name', 'required' => true, 'columns' => 6 ), array( 'type' => 'text', 'field' => 'title', 'label' => 'Title', 'required' => true, 'columns' => 6 ), array( 'type' => 'textarea', 'field' => 'bio', 'label' => 'BIO', 'required' => true, 'attributes' => array( 'rows' => 8, 'class' => 'large-text', ), 'columns' => 12 ), array( 'type' => 'text', 'field' => 'topic', 'label' => 'Event Topic', 'columns' => 6 ), array( 'type' => 'datepicker', 'field' => 'date', 'label' => 'Date', 'attributes' => array( 'class' => 'text' ), 'options' => array( 'dateFormat' => 'M d, yy', 'firstDay' => '0' ), 'columns' => 3 ), array( 'type' => 'text', 'field' => 'time', 'label' => 'Time', 'columns' => 3 ), array( 'type' => 'file', 'field' => 'upload_media', 'label' => __('Speaker Photo', 'piklist'), 'description' => __('Image Size: 00px X 00px','piklist'), 'required' => true, 'options' => array( 'modal_title' => __('Add Photo', 'piklist'), 'button' => __('Add Image', 'piklist'), ), 'columns' => 4 ), ), 'on_post_status' => array( 'value' => 'lock' ) )); ?><?php /* Title: Event Sponsors Post Type: piklist_event Order: 100 */ piklist('field', array( 'type' => 'group', 'field' => 'sponsor_group_add_more', 'add_more' => true, 'description' => 'Add sponsors as needed', 'fields' => array( array( 'type' => 'text', 'field' => 'company', 'label' => 'Company Name', 'required' => true, 'columns' => 12 ), array( 'type' => 'textarea', 'field' => 'desc', 'label' => 'Description', 'required' => true, 'attributes' => array( 'rows' => 8, 'class' => 'large-text', ), 'columns' => 12 ), array( 'type' => 'select', 'field' => 'level', 'label' => 'Sponsor Level', 'required' => true, 'attributes' => array( 'class' => 'text' ), 'choices' => array( '' => '-- Select --', 'platinum' => 'Platinum', 'gold' => 'Gold', 'silver' => 'Silver', ), 'columns' => 4 ), array( 'type' => 'file', 'field' => 'upload_media', 'label' => __('Company Logo', 'piklist'), 'description' => __('Image Size: 00px X 00px','piklist'), 'required' => true, 'options' => array( 'modal_title' => __('Add Logo', 'piklist'), 'button' => __('Add Logo', 'piklist'), ), 'columns' => 4 ), ), 'on_post_status' => array( 'value' => 'lock' ) )); ?> -
Your slug should be simply ‘events’ and not ‘/events/’. Other then that, it looks like you’re on the right track.
You’ll likely want to have a custom page template for displaying all of your custom post meta. I generally start with duplicating my theme’s
single.phpand renaming it with the post type appended to the end (per WordPress template hierarchy).single-piklist_event.phpwould be yours based on the code above.Once you create your first event, you can
print_r(get_post_meta(get_the_ID())in your new page template and start echoing out your fields as needed. -
-
Try resaving permalinks settings. Sometimes just clicking save will do it, or sometimes you have to choose another option and save, and then go back to the one you want.
-
-
-
Thank you, this helps. Can you also point me to where I can get more information on images. I am using the following code and it provides the ability to load several images, I just want one.
array( 'type' => 'file', 'field' => 'upload_media', 'label' => __('Speaker Photo', 'piklist'), 'description' => __('Image Size: 00px X 00px','piklist'), 'required' => true, 'options' => array( 'modal_title' => __('Add Photo', 'piklist'), 'button' => __('Add Image', 'piklist'), ),The thought would be to have a button to load a photo. Once the photo is loaded I no longer need the button. If you delete the photo then the button comes back.
-
-
Also still struggling with looping through my speaker custom data and displaying the information on my page. Which would be the best way to go about displaying the Speaker Name, Title, Company, BIO, Topic, Date and Time. And how do I pull in the speaker photo?
Here is the code set that I am using for the post:
<?php /* Title: Event Speakers Post Type: piklist_event Order: 80 */ piklist('field', array( 'type' => 'group', //'field' => 'speaker_group_add_more', 'add_more' => true, //'description' => 'Add speakers as needed', 'fields' => array( array( 'type' => 'text', 'field' => 'speaker_name', 'label' => 'Full Name', 'required' => true, 'columns' => 6 ), array( 'type' => 'text', 'field' => 'speaker_title', 'label' => 'Title', 'required' => true, 'columns' => 6 ), array( 'type' => 'text', 'field' => 'speaker_company', 'label' => 'Company', 'required' => true, 'columns' => 12 ), array( 'type' => 'textarea', 'field' => 'speaker_bio', 'label' => 'BIO', 'required' => true, 'attributes' => array( 'rows' => 8, 'class' => 'large-text', ), 'columns' => 12 ), array( 'type' => 'text', 'field' => 'speaker_event_topic', 'label' => 'Event Topic', 'columns' => 6 ), array( 'type' => 'datepicker', 'field' => 'speaker_event_date', 'label' => 'Date', 'attributes' => array( 'class' => 'text' ), 'options' => array( 'dateFormat' => 'M d, yy', 'firstDay' => '0' ), 'columns' => 3 ), array( 'type' => 'text', 'field' => 'speaker_event_time', 'label' => 'Time', 'columns' => 3 ), array( 'type' => 'file', 'field' => 'upload_media', 'label' => __('Speaker Photo', 'piklist'), 'description' => __('Image Size: 00px X 00px','piklist'), 'required' => true, 'options' => array( 'modal_title' => __('Add Photo', 'piklist'), 'button' => __('Add Image', 'piklist'), ), 'columns' => 4 ), ), 'on_post_status' => array( 'value' => 'lock' ) )); ?> -
@4michaelcoleman– Are you using out latest beta? If so, you should see an very simple array to loop through.
-
-
1) upgrade to the latest beta.
2) uncomment this://'field' => 'speaker_group_add_more',
3) Save your data
4) Pull your data with get_post_meta()Then use a foreach loop to go through your data.
-
-
0.9.4.29 is the latest on WordPress.org. We have a beta version that makes the add more array easier to use.
-
-
-
Steve –
Still have not been successful in outputting the data of my Speaker Group (code below) in a loop. I must have spent several days trying to piece together code from several searches on the subject. The only thing I have been able to do is get just get the first values on my Add More group.
Here is my current code:
piklist('field', array( 'type' => 'group', 'field' => 'speaker_group', 'add_more' => true, //'description' => 'Add speakers as needed', 'fields' => array( array( 'type' => 'text', 'field' => 'speaker_name', 'label' => 'Full Name', 'required' => true, 'columns' => 6 ), array( 'type' => 'text', 'field' => 'speaker_title', 'label' => 'Title', 'required' => true, 'columns' => 6 ), array( 'type' => 'text', 'field' => 'speaker_company', 'label' => 'Company', 'required' => true, 'columns' => 12 ), array( 'type' => 'textarea', 'field' => 'speaker_bio', 'label' => 'BIO', 'required' => true, 'attributes' => array( 'rows' => 8, 'class' => 'large-text', ), 'columns' => 12 ), array( 'type' => 'text', 'field' => 'speaker_event_topic', 'label' => 'Event Topic', 'columns' => 6 ), array( 'type' => 'datepicker', 'field' => 'speaker_event_date', 'label' => 'Date', 'attributes' => array( 'class' => 'text' ), 'options' => array( 'dateFormat' => 'M d, yy', 'firstDay' => '0' ), 'columns' => 3 ), array( 'type' => 'text', 'field' => 'speaker_event_time', 'label' => 'Time', 'columns' => 3 ), array( 'type' => 'file', 'field' => 'upload_basic', 'scope' => 'post_meta', 'label' => __('Speaker Photo','piklist'), //'description' => __('Description text','piklist'), 'required' => false, 'options' => array( 'basic' => false ), 'columns' => 4 ), /* array( 'type' => 'file', 'field' => 'upload_media', 'label' => __('Speaker Photo', 'piklist'), 'description' => __('Image Size 00px X 00px','piklist'), 'required' => true, 'options' => array( 'modal_title' => __('Add Photo', 'piklist'), 'button' => __('Add Image', 'piklist'), ), 'columns' => 4 ), */ ), 'on_post_status' => array( 'value' => 'lock' ) )); ?>Can you help with a simple loop that will output these values on my post?
-
@4michaelcoleman– You choose one of the harder configurations to display 😉 A Group, Add More, with a Media Uploader is a bunch of arrays you need to loop through.
Here’s the code you need. Let me know if the comments make sense:
/ Get the field value. $sponsor_groups = get_post_meta($post->ID, 'sponsor_group', false ); // Since the field value is an add more field, it's array, so we need to loop through it foreach ($sponsor_groups as $sponsor_group => $group) { // loop through each group foreach ($group as $group_info) { echo $group_info['company']; echo $group_info['desc']; echo $group_info['level']; // upload field is also an array that stores the image ID $image_ids = $group_info['upload_media']; // loop through each image ID to get the image info from WordPress foreach ($image_ids as $image) { $image_info = get_post($image); $title = $image_info->post_title; $description = $image_info->post_content; $caption = $image_info->post_excerpt; echo 'title:' . $title; echo 'description:' . $description; echo 'caption:' . $caption; echo 'img src="' . wp_get_attachment_url($image) . '" alt="" />'; } } } -
Thanks Steve –
In short this is what I am trying to fit the media into along with a popup box for the bio. There will be one image and general content for each speaker. I assume that I only need to echo the image url and speaker name for the alt. Do I need to use both the loops to pull in the image and make this happen?
My code:
<div class="col-lg-6 col-xs-12"> <div data-toggle="modal" data-target=“speaker-name”> <div class="speaker-img img-responsive"> <img class="pull-left" src=“image-path” alt=“speaker-name” width="190"> </div> <div class="speaker-name">speaker-name</div> <div class="speaker-title">speaker-title</div> <div class="speaker-company">speaker-company</div> <div class="topic">speaker-topic</div> <div class="overview"> overview <i class="fa fa-angle-right"></i> </div> </div> </div> -
This actually is what I’ve done for pulling in each speaker. Trying to determine how to add your loop for the image.
<section class="speaker-table speaker-overlay"> <div class="container clearfix"> <div class="row"> <div class="col-xs-12"> <h3><span>Featured</span> Speakers</h3> </div> </div> <?php $speakers = get_post_meta($post->ID, 'speaker_group', true); if ($speakers): ?> <?php foreach($speakers as $post): ?> <div class="col-lg-6 col-xs-12"> <div class="speaker-name"><?php echo $post['speaker_name']; ?></div> <div class="speaker-img img-responsive"> <img class="pull-left" src="<?php echo $post['wp_get_attachment_url($image)']; ?>" alt="<?php echo $post['speaker_name']; ?>" width="190"> </div> <div class="speaker-title"><?php echo $post['speaker_title']; ?></div> <div class="speaker-company"><?php echo $post['speaker_company']; ?></div> <div class="topic"><?php echo $post['speaker_event_topic']; ?></div> <div class="topic"><?php echo $post['speaker_event_date']; ?></div> <div class="topic"><?php echo $post['speaker_event_time']; ?></div> <div class="overview">overview <i class="fa fa-angle-right"></i></div> </div> <?php endforeach; ?> <?php wp_reset_query(); ?> <?php endif; ?> </div> </section> -
-
-
-
Here is what I changed it to, don’t get the errors, but not getting the images. Just broken graphics.
<?php $image_ids = $post['upload_basic']; ?> <?php foreach ($image_ids as $image): ?> <img class="pull-left" src="<?php echo $post['wp_get_attachment_url($image)']; ?>" alt="<?php echo $post['speaker_name']; ?>" width="190"> <?php endforeach; ?> -
-
Here it is…
<section class="speaker-table speaker-overlay"> <div class="container clearfix"> <div class="row"> <div class="col-xs-12"> <h3><span>Featured</span> Speakers</h3> </div> </div> <?php $speakers = get_post_meta($post->ID, 'speaker_group', true); if ($speakers): ?> <?php foreach($speakers as $post): ?> <div class="col-lg-6 col-xs-12"> <div class="speaker-name"><?php echo $post['speaker_name']; ?></div> <div class="speaker-img img-responsive"> <?php $image_ids = $post['upload_basic']; ?> <?php foreach ($image_ids as $image): ?> <img class="pull-left" src="<?php echo $post['wp_get_attachment_url($image)']; ?>" alt="<?php echo $post['speaker_name']; ?>" width="190"> <?php endforeach; ?> </div> <div class="speaker-title"><?php echo $post['speaker_title']; ?></div> <div class="speaker-company"><?php echo $post['speaker_company']; ?></div> <div class="topic"><?php echo $post['speaker_event_topic']; ?></div> <div class="topic"><?php echo $post['speaker_event_date']; ?></div> <div class="topic"><?php echo $post['speaker_event_time']; ?></div> <div class="overview">overview <i class="fa fa-angle-right"></i></div> </div> <?php endforeach; ?> <?php wp_reset_query(); ?> <?php endif; ?> </div> </section> -
-
-
-
- The topic ‘No Preview or Post’ is closed to new replies.