Navigation
Archive / add yelp to the footer
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 13, 2016 at 10:42 am #1085058
    dgscreate
    Participant

    Hi there,

    I’m trying to add yelp to the footer of my page but I’m having some issues

    I added this code to my child theme’s function.php

    function x_social_global() {

    $facebook = x_get_option( ‘x_social_facebook’, ” );
    $twitter = x_get_option( ‘x_social_twitter’, ” );
    $google_plus = x_get_option( ‘x_social_googleplus’, ” );
    $linkedin = x_get_option( ‘x_social_linkedin’, ” );
    $xing = x_get_option( ‘x_social_xing’, ” );
    $foursquare = x_get_option( ‘x_social_foursquare’, ” );
    $youtube = x_get_option( ‘x_social_youtube’, ” );
    $vimeo = x_get_option( ‘x_social_vimeo’, ” );
    $instagram = x_get_option( ‘x_social_instagram’, ” );
    $pinterest = x_get_option( ‘x_social_pinterest’, ” );
    $dribbble = x_get_option( ‘x_social_dribbble’, ” );
    $flickr = x_get_option( ‘x_social_flickr’, ” );
    $behance = x_get_option( ‘x_social_behance’, ” );
    $tumblr = x_get_option( ‘x_social_tumblr’, ” );
    $soundcloud = x_get_option( ‘x_social_soundcloud’, ” );
    $rss = x_get_option( ‘x_social_rss’, ” );

    $output = ‘<div class=”x-social-global”>’;

    if ( $facebook ) : $output .= ‘<i class=”x-icon-facebook-square”></i>‘; endif;
    if ( $twitter ) : $output .= ‘<i class=”x-icon-twitter-square”></i>‘; endif;
    if ( $google_plus ) : $output .= ‘<i class=”x-icon-google-plus-square”></i>‘; endif;
    if ( $linkedin ) : $output .= ‘<i class=”x-icon-linkedin-square”></i>‘; endif;
    if ( $xing ) : $output .= ‘<i class=”x-icon-xing-square”></i>‘; endif;
    if ( $foursquare ) : $output .= ‘<i class=”x-icon-foursquare”></i>‘; endif;
    if ( $youtube ) : $output .= ‘<i class=”x-icon-youtube-square”></i>‘; endif;
    if ( $vimeo ) : $output .= ‘<i class=”x-icon-vimeo-square”></i>‘; endif;
    if ( $instagram ) : $output .= ‘<i class=”x-icon-instagram”></i>‘; endif;
    if ( $pinterest ) : $output .= ‘<i class=”x-icon-pinterest-square”></i>‘; endif;
    if ( $dribbble ) : $output .= ‘<i class=”x-icon-dribbble”></i>‘; endif;
    if ( $flickr ) : $output .= ‘<i class=”x-icon-flickr”></i>‘; endif;
    if ( $behance ) : $output .= ‘<i class=”x-icon-behance-square”></i>‘; endif;
    if ( $tumblr ) : $output .= ‘<i class=”x-icon-tumblr-square”></i>‘; endif;
    if ( $soundcloud ) : $output .= ‘<i class=”x-icon-soundcloud”></i>‘; endif;
    if ( $rss ) : $output .= ‘<i class=”x-icon-rss-square”></i>‘; endif;
    $output .= ‘<i class=”x-icon-yelp”></i>‘;

    $output .= ‘</div>’;

    echo $output;

    }

    and this to my css

    i.x-icon-yelp:before {
    font-family: fontawesome;
    content: “\f1e9”;

    Now I only see the yelp icon and the other one disappeared

    July 13, 2016 at 10:45 am #1085063
    dgscreate
    Participant
    This reply has been marked as private.
    July 13, 2016 at 11:58 am #1085216
    Jade
    Moderator

    Hi there,

    Please try this:

    // Social Output
// =============================================================================

if ( ! function_exists( 'x_social_global' ) ) :
  function x_social_global() {

    $facebook    = x_get_option( 'x_social_facebook', '' );
    $twitter     = x_get_option( 'x_social_twitter', '' );
    $google_plus = x_get_option( 'x_social_googleplus', '' );
    $linkedin    = x_get_option( 'x_social_linkedin', '' );
    $xing        = x_get_option( 'x_social_xing', '' );
    $foursquare  = x_get_option( 'x_social_foursquare', '' );
    $youtube     = x_get_option( 'x_social_youtube', '' );
    $vimeo       = x_get_option( 'x_social_vimeo', '' );
    $instagram   = x_get_option( 'x_social_instagram', '' );
    $pinterest   = x_get_option( 'x_social_pinterest', '' );
    $dribbble    = x_get_option( 'x_social_dribbble', '' );
    $flickr      = x_get_option( 'x_social_flickr', '' );
    $behance     = x_get_option( 'x_social_behance', '' );
    $tumblr      = x_get_option( 'x_social_tumblr', '' );
    $whatsapp    = x_get_option( 'x_social_whatsapp', '' );
    $soundcloud  = x_get_option( 'x_social_soundcloud', '' );
    $rss         = x_get_option( 'x_social_rss', '' );

    $output = '<div class="x-social-global">';

      if ( $facebook )    : $output .= '<a href="' . $facebook    . '" class="facebook" title="Facebook" target="_blank"><i class="x-icon-facebook-square" data-x-icon=""></i></a>'; endif;
      if ( $twitter )     : $output .= '<a href="' . $twitter     . '" class="twitter" title="Twitter" target="_blank"><i class="x-icon-twitter-square" data-x-icon=""></i></a>'; endif;
      if ( $google_plus ) : $output .= '<a href="' . $google_plus . '" class="google-plus" title="Google+" target="_blank"><i class="x-icon-google-plus-square" data-x-icon=""></i></a>'; endif;
      if ( $linkedin )    : $output .= '<a href="' . $linkedin    . '" class="linkedin" title="LinkedIn" target="_blank"><i class="x-icon-linkedin-square" data-x-icon=""></i></a>'; endif;
      if ( $xing )        : $output .= '<a href="' . $xing        . '" class="xing" title="XING" target="_blank"><i class="x-icon-xing-square" data-x-icon=""></i></a>'; endif;
      if ( $foursquare )  : $output .= '<a href="' . $foursquare  . '" class="foursquare" title="Foursquare" target="_blank"><i class="x-icon-foursquare" data-x-icon=""></i></a>'; endif;
      if ( $youtube )     : $output .= '<a href="' . $youtube     . '" class="youtube" title="YouTube" target="_blank"><i class="x-icon-youtube-square" data-x-icon=""></i></a>'; endif;
      if ( $vimeo )       : $output .= '<a href="' . $vimeo       . '" class="vimeo" title="Vimeo" target="_blank"><i class="x-icon-vimeo-square" data-x-icon=""></i></a>'; endif;
      if ( $instagram )   : $output .= '<a href="' . $instagram   . '" class="instagram" title="Instagram" target="_blank"><i class="x-icon-instagram" data-x-icon=""></i></a>'; endif;
      if ( $pinterest )   : $output .= '<a href="' . $pinterest   . '" class="pinterest" title="Pinterest" target="_blank"><i class="x-icon-pinterest-square" data-x-icon=""></i></a>'; endif;
      if ( $dribbble )    : $output .= '<a href="' . $dribbble    . '" class="dribbble" title="Dribbble" target="_blank"><i class="x-icon-dribbble" data-x-icon=""></i></a>'; endif;
      if ( $flickr )      : $output .= '<a href="' . $flickr      . '" class="flickr" title="Flickr" target="_blank"><i class="x-icon-flickr" data-x-icon=""></i></a>'; endif;
      if ( $behance )     : $output .= '<a href="' . $behance     . '" class="behance" title="Behance" target="_blank"><i class="x-icon-behance-square" data-x-icon=""></i></a>'; endif;
      if ( $tumblr )      : $output .= '<a href="' . $tumblr      . '" class="tumblr" title="Tumblr" target="_blank"><i class="x-icon-tumblr-square" data-x-icon=""></i></a>'; endif;
      if ( $whatsapp )    : $output .= '<a href="' . $whatsapp    . '" class="tumblr" title="Whatsapp" target="_blank"><i class="x-icon-whatsapp" data-x-icon=""></i></a>'; endif;
      if ( $soundcloud )  : $output .= '<a href="' . $soundcloud  . '" class="soundcloud" title="SoundCloud" target="_blank"><i class="x-icon-soundcloud" data-x-icon=""></i></a>'; endif;
      
      //
      // You can insert your custom icons here 
      //

     $output .= '<a href="YELP_LINK" title="Yelp"><i class="x-icon-yelp"></i></a></div>';

    echo $output;

  }
endif;
// =============================================================================

    Hope this helps.

    July 13, 2016 at 12:19 pm #1085250
    dgscreate
    Participant

    Hi there,

    Now I’m getting question marks. It’s not finding the icons for some reason

    July 13, 2016 at 3:00 pm #1085498
    Jade
    Moderator

    Hi there,

    I tried to login using the details you have provided previously but I am redirected to this page:

    Kindly try to use the code here.

    If this does not work, kindly provide us with your FTP details.

    July 13, 2016 at 4:14 pm #1085631
    dgscreate
    Participant

    That worked. Thank you for your help

    July 13, 2016 at 11:31 pm #1086194
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1085058 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>