Icon On Tab Title

  • Resolved Need4WPspeed

    (@need4wpspeed)


    8 years ago

    Hello, thank you for a great plugin. Can you please advise how to add an icon like font awesome to each tab title or alternatively would you consider adding this feature? Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Need4WPspeed

    (@need4wpspeed)

    If I add html and save… icons appear fine but when editing product tabs html disappears again. How can I save html in tab title and make it stay? Thanks

    Plugin Author Wooninjas

    (@wooninjas)

    Hi @need4wpspeed,

    Sorry for the delay.

    We have pushed a recent version, so please update before trying the following.

    Please add the action hook to your child theme.

    Following

    
// Replace {$field_ID} with your custom tab field id
// This changes tab title under tab content
add_action('wptp_tab_{$field_ID}', function($product) {
    $a->title = '<span class="dashicons dashicons-dashboard"></span>' . $product->title;
});

// This is WC filter to customize tab title (tabs only).
add_filter('woocommerce_product_{$field_ID}_tab_title', function($title) {
    return '<span class="dashicons dashicons-dashboard"></span>' . $title;
});

    Please change the html to your needs and let us know.

    Also please see the contextual help tabs on admin screen for Global Tab (view/edit screen) and Product screen (edit screen only) for more info.

    Thanks

    • This reply was modified 7 years, 11 months ago by Wooninjas.
    • This reply was modified 7 years, 11 months ago by Wooninjas.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Icon On Tab Title’ is closed to new replies.