Forum Replies Created
-
Posts
-
Thanks for the insight, will take a look at this and see if I can figure it out. If you have any examples that would help.
I also assume that I would be making these changes in the functions.php file correct?
Originally I had setup post for the event, but now they want additional pages for sponsors to register, and the same of exhibitors. So looking at how I can have these pages created when I create a new event. They will be simple information and credit card forms using authorize.net.
Here are a few examples of what I am trying accomplish. The output would have a title and then content for each sponsor. Including a header for each segment.
So what I ended up doing was setting fields for the Latitude and Longitude in my event information. Then applied them to my map using the Google Map API.
Field Values
array( 'type' => 'text', 'field' => 'google_map_latitude', 'label' => 'Latitude', 'required' => true, 'columns' => 6, ), array( 'type' => 'text', 'field' => 'google_map_longitude', 'label' => 'Longitude', 'required' => true, 'columns' => 6, ),Map Output
var summitMap; function initMap() { var mapCenter = new google.maps.LatLng(<?php echo $post['google_map_latitude']; ?>, <?php echo $post['google_map_longitude']; ?>); var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"}); summitMap = new google.maps.Map(document.getElementById('summit-map'), { scrollwheel: false, center: {lat: <?php echo $post['google_map_latitude']; ?>, lng: <?php echo $post['google_map_longitude']; ?>}, disableDefaultUI: true, zoom: 16, draggable: false, zoomControl: false, streetViewControl: false, mapTypeControl: false, mapTypeControlOptions: { mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style'] } });It completely works in all views even mobile.
Steve –
It seems your solution is the best thing I’ve found so far. Going to try some plugins. Just need to be able to hold the aspect ratio within the iFrame.
Steve trying to keep this responsive for mobile views. So really don’t want to use an iFrame. Tiberiur didn’t seem like the solution there really worked, but thank anyway. If anyone has any great ideas I am all ears.
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>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; ?>This is what I am getting…
Notice: Undefined index: upload_media in –file path– on line 70
Warning: Invalid argument supplied for foreach() in –file path– on line 71
Also, if I wanted to filter out a name of a speaker, how would I go about doing that without having to delete all the records?
So say I only want speakers with the name “sam”, or don’t want speakers with the name “steve”?
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>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>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?
