Tagged: , , , , , , , , ,

Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • August 13, 2014 at 3:58 am #303575
    moprosk

    Ref: https://kriesi.at/support/topic/replacing-or-adding-a-custom-icon/

    Hi Enfold Team

    I searched and found a post regarding this issue however it was never resolved and I am facing the same issue the previous poster faced.

    I do not see:

    $html .= "<a {$blank} href='".$icon['social_icon_link']."' class='avia-font-entypo-fontello'>".$avia_config['font_icons'][$icon['social_icon']]."</a>";

    in

    ‘helper-social-media.php’

    to replace with 

    if($icon['social_icon'] == 'rss'){
$html .= "<a><img src='http://mywebsite.com/image.jpg' alt='' /></a>";
}else{
$html .= "<a>".$avia_config['font_icons'][$icon['social_icon']]."</a>";
}

    I am trying to create a simple cart button that links to /cart – I like the idea of replacing an RSS icon (which I won’t be using) with the Entypo cart icon, linking internally to the cart page.

    I truly appreciate all of the help and support you have already provided via this forum and look forward to hearing back from you.
    M

    • This topic was modified 9 years, 10 months ago by Yigit.
    August 13, 2014 at 11:12 pm #304057
    Josue

    Hey!

    Where do you want to put this button? can you please post a link to your website?

    Best regards,
    Josue

    August 14, 2014 at 2:48 am #304124
    moprosk

    Hi Josue

    I placed the link to the site in the original post under Private Data.

    Again, I am looking to replace a social icon with a cart icon in the social icon mini ‘top’ header.

    In order to make it clearer, I have attached a photo to help explain.

    </img>

    Thanks!
    M

    August 14, 2014 at 4:12 am #304134
    Josue

    Hey!

    Try adding this at the very end of your theme functions.php file:

    function avia_add_custom_icon($icons) {
	$icons['cart']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue859');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
	$icons['Cart'] = 'cart';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    Then, you’ll have this option available here:

    Cheers!
    Josue

    August 14, 2014 at 4:20 am #304135
    moprosk

    Hi Josue

    I added 

    
function avia_add_custom_icon($icons) {
	$icons['cart']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue859');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
	$icons['Cart'] = 'cart';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    but received the following error:

    Parse error: syntax error, unexpected ‘&’, expecting ‘]’ in /home/content/p3nexnas06_data02/13/2173913/html/wp-content/themes/enfold/functions.php on line 506

    According to Coda, line 506 is:
    `
    $icons[‘cart’] = array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’);
    ‘

    Thoughts?

    • This reply was modified 10 years, 3 months ago by moprosk. Reason: syntax
    August 14, 2014 at 4:25 am #304137
    Josue

    Hi,

    Can you please create me an administrator account? post it here as a private reply.

    Regards,
    Josue

    August 14, 2014 at 8:18 am #304227
    moprosk
    This reply has been marked as private.
    August 14, 2014 at 8:23 am #304229
    Josue

    Use this: (Email address hidden if logged out) .

    August 14, 2014 at 8:57 am #304240
    moprosk
    This reply has been marked as private.
    August 14, 2014 at 9:45 am #304251
    Josue

    It’s done, review your site.

    August 14, 2014 at 9:55 am #304257
    moprosk

    Great, thanks!

    May I ask what the solution ended up being?

    Thanks again.
    M

    August 14, 2014 at 9:58 am #304261
    Josue

    Hey!

    I added the code in Plugins > Edit Functions.

    Cheers!
    Josue

    August 15, 2014 at 12:28 am #304644
    moprosk

    Perfectly and fully resolved. Amazingly fast and thorough help. Thanks!
    M

    August 15, 2014 at 1:01 am #304657
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

    November 13, 2014 at 1:14 am #350533
    codemode

    Trying to do the same, but no luck. Did this process change for Enfold 3.0.2?

    November 14, 2014 at 5:31 am #351129
    Ismael

    Hey!

    You can use the same filter:

    function avia_add_custom_icon($icons) {
	$icons['cart']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue859');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
	$icons['Cart'] = 'cart';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

    Place it below this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Best regards,
    Ismael

    November 17, 2014 at 9:15 pm #352687
    codemode

    Great! Thanks,

    1) One issue. The custom icon I created for Vine shares the same icon ID as the music note ue800 and so the music note appears as the icon. Is there an override?

    2) How do I add the color hover fx (i.e. #00bf8f for the background color on hover).

    3) If i wanted to add a 2nd custom icon, what do I need to add to the code above?

    Thank you!

    November 17, 2014 at 10:17 pm #352706
    Josue

    Hi!

    Can you paste the code you are using?

    Regards,
    Josue

    November 17, 2014 at 10:47 pm #352715
    codemode
    function avia_add_custom_icon($icons) {
	$icons['vine']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue800');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
	$icons['Vine'] = 'vine';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
    November 17, 2014 at 10:56 pm #352720
    Josue

    Hey!

    Afaik Vine icon is not available in Entypo, are you importing a custom font too? if that’s the case you need to change this line accordingly:

    $icons['vine']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue800');

    To:

    $icons['vine']	 = array( 'font' =>'custom-font-name', 'icon' => 'ue800');

    Regards,
    Josue

    November 18, 2014 at 1:33 am #352806
    codemode

    yes and that worked!

    what about adding the custom bg color on hover?

    thanks for the great support as always!

    November 18, 2014 at 5:05 am #352831
    Josue

    Hi!

    Try with this code:

    #top #wrap_all .av-social-link-vine:hover a{color:#fff; background-color:#37589b; }

    Regards,
    Josue

    December 12, 2014 at 2:05 am #367094
    codemode

    I think this broke in Enfold 3.0.4. The Vine icon no longer displays, rather there is a blank space in it’s spot.

    • This reply was modified 9 years, 11 months ago by codemode.
    December 12, 2014 at 7:04 pm #367424
    Elliott

    Hi!

    Check to make sure your font file is still uploaded in Dashboard > Enfold > Import/Export and then send us a WordPress login so we can take a look.

    Also be sure to deactivate all plugins while testing.

    Best regards,
    Elliott

    January 6, 2015 at 4:46 am #375463
    mattmeeks

    Wanting to add the Houzz icon to the header. How do I add this custom icon? Fontello has the Houzz icon available. I’ve added the code from the previous steps with no luck. I’m sure I’m missing a step.

    January 6, 2015 at 5:03 am #375466
    mattmeeks

    Nevermind. Finally figured it out.

  • Author
    Posts
Viewing 26 posts - 1 through 26 (of 26 total)
  • The topic ‘Custom Social Bar Icons (Replace/Add) [Enfold]’ is closed to new replies.