Add image to menu item with ACF

Question

Add image to menu item with ACF

ivan marchenko

2022年5月31日 21:55

I'm trying to add an image to menu item, can't get it to work.

Here is my code. header.php

?php wp_nav_menu(
                    array(
                        'theme_location'  = 'side-menu',
                        'container_class' = 'fixed-menu',
                        'fallback_cb'     = '',
                        'link_before'     = 'span',
                        'lnk_after'       = '/span',
                        'depth'           = 2,
                        'walker'          = new Understrap_WP_Bootstrap_Navwalker(),
                    )
                ); ?

And here is the function.php

// Header Side Menu
function etm_side_menu() {
  register_nav_menu('side-menu',__( 'Header Side Menu' ));
}
add_action( 'init', 'etm_side_menu' );


add_filter('wp_nav_menu_objects', 'wp_nav_menu_objects', 10, 2);

function wp_nav_menu_objects( $items, $args ) {

    // loop
    foreach( $items as $item ) {

        // vars
        $icon = get_field('icon'); 


        // append icon
        if( $icon ) {

            $item-title .= 'img src='.$icon.'';

        }

    }


    // return
    return $items;

}

The images that suppose to appear in the menu, just don't come on. Any help will be appreciated.

I am using understrap theme.

The desired markup is this

div class="fixed-menu"
        ul
            li class="active"
               a href="#"
                  img src="img/fx-ic-1.png" alt="img"
                  spanГлавная/span
               /a
             /li
             etc...

Topic custom-field menus Wordpress

Category Web

Jacob Peattie · Accepted Answer · 2019年10月4日 00:50

get_field() gets the field for the current post in the loop, but the loop isn't used for menu items, so you need to specify which post you want to get the value from. In the case of menu items, each nav menu item is a WP_Post object, so you want to pass that:

foreach( $items as &$item ) {
    $icon = get_field( 'icon', $item );
    // etc.
}

Add image to menu item with ACF

About