title: How do I display the social button where I want?
body: <p>I don't want it to display in the_content. With the_content, it adds a p tag, and i don't want that. I want it display in woocommerce_share hook. How do I do that?
  when I try add_action or add_filter code , it doesn't work. I just want to display it in woocommerce product page and my custom post type "Journals"
  My custom post type is a blog post. When the user click the post, in the post I want the social icons to show up.</p>
  
  <pre><code>add_filter( 'IS_THERE_A_CUSTOM_FILTER_I_CAN_USE_WITHOUT_THE_P_TAG', 'crunchify_social_sharing_buttons');
  
  add_action( 'woocommerce_share', 'crunchify_social_sharing_buttons');
  </code></pre>
  
  <p>functions.php </p>
  
  <pre><code>function crunchify_social_sharing_buttons($content) {
      if(is_singular() || is_home()){
  
          // Get current page URL 
          $crunchifyURL = get_permalink();
  
          // Get current page title
          $crunchifyTitle = str_replace( ' ', '%20', get_the_title());
  
          // Get Post Thumbnail for pinterest
          $crunchifyThumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post-&gt;ID ), 'full' );
  
          // Construct sharing URL without using any script
          $twitterURL = 'https://twitter.com/intent/tweet?text='.$crunchifyTitle.'&amp;amp;url='.$crunchifyURL.'&amp;amp;via=Crunchify';
          $facebookURL = 'https://www.facebook.com/sharer/sharer.php?u='.$crunchifyURL;
          $googleURL = 'https://plus.google.com/share?url='.$crunchifyURL;
          $bufferURL = 'https://bufferapp.com/add?url='.$crunchifyURL.'&amp;amp;text='.$crunchifyTitle;
  
          // Based on popular demand added Pinterest too
          $pinterestURL = 'https://pinterest.com/pin/create/button/?url='.$crunchifyURL.'&amp;amp;media='.$crunchifyThumbnail[0].'&amp;amp;description='.$crunchifyTitle;
  
          // Add sharing button at the end of page/page content
          $content .= '&lt;div class="crunchify-social"&gt;';
          $content .= '&lt;h5&gt;SHARE ON&lt;/h5&gt; &lt;a class="crunchify-link crunchify-twitter" href="'. $twitterURL .'" target="_blank"&gt;Twitter&lt;/a&gt;';
          $content .= '&lt;a class="crunchify-link crunchify-facebook" href="'.$facebookURL.'" target="_blank"&gt;Facebook&lt;/a&gt;';
          $content .= '&lt;a class="crunchify-link crunchify-googleplus" href="'.$googleURL.'" target="_blank"&gt;Google+&lt;/a&gt;';
          $content .= '&lt;a class="crunchify-link crunchify-buffer" href="'.$bufferURL.'" target="_blank"&gt;Buffer&lt;/a&gt;';
          $content .= '&lt;a class="crunchify-link crunchify-pinterest" href="'.$pinterestURL.'" target="_blank"&gt;Pin It&lt;/a&gt;';
          $content .= '&lt;/div&gt;';
  
          return $content;
      }else{
          // if not a post/page then don't include sharing button
          return $content;
      }
  };
  add_filter( 'the_content', 'crunchify_social_sharing_buttons');
  </code></pre>
  
  <p>style.css</p>
  
  <pre><code>.crunchify-link {
      padding: 4px 8px 6px 8px;
      color: white;
      font-size: 12px;
      border-radius: 2px;
      margin-right: 2px;
      cursor: pointer;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
      -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
      -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
  }
  
  .crunchify-link:hover,.crunchify-link:active {
      color: white;
  }
  
  .crunchify-twitter {
      background: #00aced;
  }
  
  .crunchify-twitter:hover,.crunchify-twitter:active {
      background: #0084b4;
  }
  
  .crunchify-facebook {
      background: #3B5997;
  }
  
  .crunchify-facebook:hover,.crunchify-facebook:active {
      background: #2d4372;
  }
  
  .crunchify-googleplus {
      background: #D64937;
  }
  
  .crunchify-googleplus:hover,.crunchify-googleplus:active {
      background: #b53525;
  }
  
  .crunchify-buffer {
      background: #444;
  }
  
  .crunchify-buffer:hover,.crunchify-buffer:active {
      background: #222;
  }
  
  .crunchify-pinterest {
      background: #bd081c;
  }
  
  .crunchify-pinterest:hover,.crunchify-pinterest:active {
      background: #bd081c;
  }
  .crunchify-social {
      margin: 20px 0px 25px 0px;
      -webkit-font-smoothing: antialiased;
      font-size: 12px;
  }
  </code></pre>