{"id":22651,"date":"2016-08-05T11:36:14","date_gmt":"2016-08-05T11:36:14","guid":{"rendered":"https:\/\/wpgeodirectory.com\/docs\/?p=22651"},"modified":"2016-08-05T13:36:28","modified_gmt":"2016-08-05T13:36:28","slug":"moving-videos-to-the-sidebar-of-the-detail-page","status":"publish","type":"post","link":"https:\/\/wpgeodirectory.com\/docs\/moving-videos-to-the-sidebar-of-the-detail-page\/","title":{"rendered":"Moving videos to the sidebar of the detail page"},"content":{"rendered":"

Introduction<\/h3>\n
    \n
  1. One of the standard custom fields is a video field where you or your users can add a YouTube video to a listing.<\/li>\n
  2. That video then will show on the detail page in the content section of the listing.<\/li>\n
  3. This article explains how you can move the video from the content section to the sidebar.<\/li>\n<\/ol>\n

    Before:<\/h4>\n

    \"\"<\/p>\n

    After:<\/h4>\n

    \"\"<\/p>\n

    Step 1: Install Code Snippets plugin<\/h3>\n
      \n
    1. You can add the code below to your child theme’s functions.php<\/strong><\/em> file as well, but using the Code Snippets plugin<\/a> makes it easier to keep track of the code, and it will be less likely the code is overwritten by a theme update.<\/li>\n<\/ol>\n

      Step 2: Code<\/h3>\n

      Add a new code snippet, and copy and paste the following code:<\/p>\n

      [php]
      \nadd_filter(‘geodir_detail_page_tab_is_display’, ‘custom_gd_hide_video_tab’, 10, 2);
      \nfunction custom_gd_hide_video_tab($value, $tab) {
      \n if ($tab == ‘post_video’) {
      \n $value = false;
      \n }
      \n return $value;
      \n}<\/p>\n

      add_action(‘geodir_detail_sidebar_inside’, ‘custom_gd_show_video_in_sidebar’, 1);
      \nfunction custom_gd_show_video_in_sidebar() {
      \n global $post;
      \n $video = ”;
      \n if (geodir_is_page(‘preview’)) {
      \n $video = isset($post->geodir_video) ? $post->geodir_video : ”;
      \n } elseif (geodir_is_page(‘detail’)) {
      \n $video = geodir_get_video($post->ID);
      \n }
      \n if ($video != ”) {
      \n echo ‘<div class="geodir-video-wrapper">’;
      \n echo wp_oembed_get(stripslashes($video));
      \n echo ‘<\/div>’;
      \n }
      \n}<\/p>\n

      add_action(‘wp_head’, ‘custom_video_responsive_css’);
      \nfunction custom_video_responsive_css() {
      \n if (geodir_is_page(‘preview’) || geodir_is_page(‘detail’)) {
      \n ?>
      \n <style type="text\/css">
      \n .geodir-video-wrapper {
      \n margin-top: 20px;
      \n position: relative;
      \n padding-bottom: 56.25%; \/* 16:9 *\/
      \n padding-top: 25px;
      \n height: 0;
      \n margin-bottom: 10px;
      \n }<\/p>\n

      .geodir-video-wrapper iframe {
      \n position: absolute;
      \n top: 0;
      \n left: 0;
      \n width: 100%;
      \n height: 100%;
      \n }
      \n <\/style>
      \n <?php
      \n }
      \n}
      \n[\/php]<\/p>\n

      <\/i> Make sure you activate the snippet when using the Code Snippets plugin.<\/span><\/p>\n

      Step 3: Adding video link<\/h3>\n

      <\/i> When adding the video link, only add the link to the video. For example:<\/p>\n

      [html]https:\/\/www.youtube.com\/watch?v=rxgWHzMvXOY[\/html]<\/p>\n

      <\/a>Step 4: Add a tip for your users<\/h3>\n

      You can add a description to the video field at GD > Place Settings > Custom fields > Video field<\/em><\/strong>:
      \n\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

      One of the standard custom fields is a video field where you or your users can add a YouTube video to a listing.
      \nThat video then will show on the detail page in the content section of the listing.
      \nThis article explains how you can move the video from the content section to the sidebar.<\/p>\n","protected":false},"author":1676,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[15],"tags":[],"amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/posts\/22651"}],"collection":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/users\/1676"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/comments?post=22651"}],"version-history":[{"count":0,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/posts\/22651\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/media?parent=22651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/categories?post=22651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpgeodirectory.com\/docs\/wp-json\/wp\/v2\/tags?post=22651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}