TI Woocommerce Wishlist Position

Hello,

Can you please share the site link so that I can check it? Which mobile header layout you are using?

Sorry, still developing on localhost.

You don’t need to see my site to understand what I mean, just look at any of the shop demos on oceanwp site: https://oceanwp.org/demos/

You will notice, when on mobile device, the shop cart will remain in the header, but all the other menus from the main menu will move to the mobile hamburger menu, including the wishlist menu.

Would be nice to have the option of the wishlist menu to stay next to the shop cart in the header.

Try adding the below code to the child theme’s functions.php file to do it –

function prefix_add_wishlist_icon() {
        echo do_shortcode( '[ti_wishlist_products_counter]' );
}
add_action('ocean_before_mobile_icon','prefix_add_wishlist_icon');

Thanks Amit, we are almost there…

This only shows the wishlist on mobile, for desktop it’s not showing. Is there another hook for that?

Thanks.

You can display it on the desktop by the settings. Go to Customize > Woocommerce > General section and enable the Wishlist icon to display it in the menu.

But then it also displays in the mobile menu. I don’t want that. I only want it to show in the header, exactly as the cart icon does.

What is the hook for the cart icon to show in the header, can that be used for the wishlist icon?

Try to use this hook for the desktop – ocean_after_nav_inner

You can also hide the wishlist icon from the mobile device menu by creating a new menu under Appearance > Menus and assign it to the Mobile menu location (not tested).

Not really good solutions… that hook is not working, and I’d rather not make extra menus, but thanks for the suggestions.

I hope OceanWP theme developer can offer a new feature to allow the Wishlist icon to show in the header, next to the cart icon.

We will try to add this option to the theme in the future version.

Is it possible to create a counter on a button or icon which are located on my header.