Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Clique › Add RedBubble Social icon to Social Profiles Section
New Landing › How can we help? › Themeforest Theme Support › Clique › Add RedBubble Social icon to Social Profiles Section
- This topic has 6 replies, 3 voices, and was last updated 8 years by
David Martin – Support.
Viewing 7 posts - 1 through 7 (of 7 total)
-
Posted in: Clique
-
June 29, 2016 at 7:20 am #277956
Hi,
I see plenty of posts about adding social icons to the footer, as I am not using most of them, I have modified the footer.php and have got myself out of the woods there.
Where I am failing is locating where the social icons are for the “Social Profiles” section of the theme. I wish to add RedBubble to the Social profiles and my intention is to overwrite one such as Pinterest.
Can you please advise in which file I will find the function to change the URL and where the social icons are located for me to overwrite? I see under themes\clique\images there is social-icons.png and it has a row of them. I am unsure if that is the file that the Social Profiles section is pulling from though.
Thanks
June 30, 2016 at 11:56 am #278355Hi,
Just edit the shortcodes.php file at /clique/includes/.
Thanks
MohammadJune 30, 2016 at 12:11 pm #278363Thanks Mohammad,
So I replaced dribbble with redbubble by doing a replace on “dribbble” and throwing in redbubble and then modified the URL:
if ($redbubble) { $social_icons .= '<li class="redbubble"><a href="http://www.redbubble.com/people/'.$redbubble.'" target="_blank">redbubble</a></li>'; }Then went into Theme Options –> Social Profiles and entered the redbubble username under “dribbble” section.
Then I headed to the contact page to see if at least the dribbble icon is showing, which it isn’t.
I guess what I am most confused about is how does shortcodes.php call the coordinates (I guess) of the [email protected] (I’m also guessing) file?
Thanks
Here is a paste of the social section of shortcodes.
/* SOCIAL SHORTCODE ================================================= */ function social_icons($atts, $content = null) { extract(shortcode_atts(array( "type" => '', "size" => '' ), $atts)); global $data; $twitter = $data['sf_clique_twitter_username']; $facebook = $data['sf_clique_facebook_page_url']; $redbubble = $data['sf_clique_redbubble_username']; $vimeo = $data['sf_clique_vimeo_username']; $tumblr = $data['sf_clique_tumblr_username']; $spotify = $data['sf_clique_spotify_username']; $skype = $data['sf_clique_skype_username']; $linkedin = $data['sf_clique_linkedin_page_url']; $lastfm = $data['sf_clique_lastfm_username']; $googleplus = $data['sf_clique_googleplus_page_url']; $flickr = $data['sf_clique_flickr_page_url']; $youtube = $data['sf_clique_youtube_username']; $behance = $data['sf_clique_behance_username']; $pinterest = $data['sf_clique_pinterest_username']; $instagram = $data['sf_clique_instagram_url']; $yelp = $data['sf_clique_yelp_url']; $social_icons = ''; if ($type == '') { if ($twitter) { $social_icons .= '<li class="twitter"><a href="http://www.twitter.com/'.$twitter.'" target="_blank">Twitter</a></li>'; } if ($facebook) { $social_icons .= '<li class="facebook"><a href="'.$facebook.'" target="_blank">Facebook</a></li>'; } if ($redbubble) { $social_icons .= '<li class="redbubble"><a href="http://www.redbubble.com/people/'.$redbubble.'" target="_blank">redbubble</a></li>'; } if ($vimeo) { $social_icons .= '<li class="vimeo"><a href="http://www.vimeo.com/'.$vimeo.'" target="_blank">Vimeo</a></li>'; } if ($tumblr) { $social_icons .= '<li class="tumblr"><a href="http://'.$tumblr.'.tumblr.com/" target="_blank">Tumblr</a></li>'; } if ($spotify) { $social_icons .= '<li class="spotify"><a href="http://open.spotify.com/user/'.$spotify.'" target="_blank">Spotify</a></li>'; } if ($skype) { $social_icons .= '<li class="skype"><a href="skype:'.$skype.'" target="_blank">Skype</a></li>'; } if ($linkedin) { $social_icons .= '<li class="linkedin"><a href="'.$linkedin.'" target="_blank">LinkedIn</a></li>'; } if ($lastfm) { $social_icons .= '<li class="lastfm"><a href="http://www.last.fm/user/'.$lastfm.'" target="_blank">Last.fm</a></li>'; } if ($googleplus) { $social_icons .= '<li class="googleplus"><a href="'.$googleplus.'" target="_blank">Google+</a></li>'; } if ($flickr) { $social_icons .= '<li class="flickr"><a href="'.$flickr.'" target="_blank">Flickr</a></li>'; } if ($youtube) { $social_icons .= '<li class="youtube"><a href="http://www.youtube.com/user/'.$youtube.'" target="_blank">YouTube</a></li>'; } if ($behance) { $social_icons .= '<li class="behance"><a href="http://www.behance.net/'.$behance.'" target="_blank">Behance</a></li>'; } if ($pinterest) { $social_icons .= '<li class="pinterest"><a href="http://www.pinterest.com/'.$pinterest.'/" target="_blank">Pinterest</a></li>'; } if ($instagram) { $social_icons .= '<li class="instagram"><a href="'.$instagram.'" target="_blank">Instagram</a></li>'; } if ($yelp) { $social_icons .= '<li class="yelp"><a href="'.$yelp.'/" target="_blank">Yelp</a></li>'; }June 30, 2016 at 12:24 pm #278373Hi,
Keep the code of dribbble and just change the icon of dribbble with RedBubble.
Thanks
MohammadJune 30, 2016 at 12:32 pm #278379Thanks Mohammad,
And am I right in saying that the social-icons-*.png files are what is being referenced? If so, can I ask how you guys reference the coordinates of the image? This interests me how you did this 🙂
Thanks
June 30, 2016 at 1:33 pm #278396Thanks for the help Mohammad.
I have done it.
In the off chance that somebody wants to do this; attached is the artwork with Redbubble and the code… below
} if ($dribbble) { $social_icons .= '<li class="dribbble"><a href="http://www.redbubble.com/people/'.$dribbble.'" target="_blank">Dribbble</a></li>'; }Attachments:
You must be logged in to view attached files.June 30, 2016 at 1:48 pm #278400Thanks Mohammad & great for sharing the info @wt9bind!
-
Posted in: Clique
Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in and have valid license to reply to this topic.