Add icon next to shopping cart icon

Hi fcp,

You’re welcome :)
Please add this CSS code in Quick CSS:

@media only screen and (max-width:767px) {
  .responsive.html_bottom_nav_header #top #menu-item-profile {
    position: absolute;
    right: 40px;
    top: 0;
    margin: 0;
  }
}

Best regards,
Nikko

Hi fcp,

You’re welcome :)
I’m not really sure what function you’d like to set and on what specific size of the screen but I think there’s a way for it.
If it’s a php code then I’m not sure if there’s a way to detect screen size though mobile detection is possible.
I would suggest writing a javascript or jquery code which has ways to detect screen sizes then run your code if it’s using the specific screen size.
I hope the idea is helpful.

Best regards,
Nikko

Hi roihaddl,

Yes it’s possible but you would need to add a condition (if/else statement) and use is_user_logged_in() function provided by WordPress.
You can refer to the codex: https://developer.wordpress.org/reference/functions/is_user_logged_in/
Hope this helps :)

Best regards,
Nikko

Hi fcp,

If you’re referring on the PHP code I posted first, then this should be the code to enable it on mobile screens (this won’t work on desktop and shrinking the browser):

if( wp_is_mobile() ) {
  add_action( 'init', 'avia_woocommerce_cart_placement', 10);
	
  function avia_woocommerce_cart_placement() {
	$position 	= avia_get_option('header_position',  'header_top') == "header_top" ? "ava_main_header" : "ava_inside_main_menu";
	if(avia_get_option('cart_icon') == "always_display_menu") 
	{
		$position = "ava_inside_main_menu";
		if( strpos( avia_get_option('header_layout'), 'bottom_nav_header') !== false && avia_get_option('header_position') == 'header_top')
		{
			$position = "ava_before_bottom_main_menu";
		}
	}
	
	add_action( $position, 'enfold_woocommerce_cart_dropdown', 10);
  }

  function enfold_woocommerce_cart_dropdown() {
	global $woocommerce, $avia_config;
	$cart_subtotal = $woocommerce->cart->get_cart_subtotal();
	$link = function_exists( 'wc_get_cart_url' ) ? wc_get_cart_url() : $woocommerce->cart->get_cart_url();
	$id = "";
	$added = wc_get_notices('success');
	$trigger = !empty($added) ? "av-display-cart-on-load" : "";
	
	if(avia_get_option('cart_icon') == "always_display_menu")
	{
		$id = 'id="menu-item-shop"';
	}	

	$output = "";
	$output .= "<ul {$id} class = 'menu-item cart_dropdown {$trigger}' data-success='".__('was added to the cart', 'avia_framework')."'><li class='cart_dropdown_first'>";
	$output .= "<a class='cart_dropdown_link' href='".$link."'><span ".av_icon_string('cart')."></span><span class='av-cart-counter'>0</span><span class='avia_hidden_link_text'>".__('Shopping Cart','avia_framework')."</span></a><!--<span class='cart_subtotal'>".$cart_subtotal."</span>-->";
	$output .= "<div class='dropdown_widget dropdown_widget_cart'><div class='avia-arrow'></div>";
	$output .= '<div class="widget_shopping_cart_content"></div>';
	$output .= "</div>";
	$output .= "</li></ul>";
	
	$output .= "<ul id='menu-item-profile' class='menu-item'>";
	$output .= "<li class='profile-item'><a href='#replace_with_link'><span ".av_icon_string('profile')."></span></a></li>";
	$output .= "</ul>";
	
	echo $output;
  }

  add_filter('avf_default_icons', 'enfold_extra_icons');

  function enfold_extra_icons($icons) {
    $icons['profile'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue80a'); 
    
    return $icons;
  }
}

Best regards,
Nikko

Hi fcp,

Yes, you should be able to use it and just add some code to add the wishlist icon.

Best regards,
Nikko

Hi fcp,

I see, please add this code in functions.php of your child theme:

function enfold_default_icons($icons) {
	$icons['wishlist'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue807'); 
	return $icons;
}
add_filter('avf_default_icons', 'enfold_default_icons');

Then you’ll also need to add this code in the enfold_woocommerce_cart_dropdown function:

$output = "<ul id='menu-item-wishlist' class='menu-item'>";
$output .= "<li class='wishlist-item'><a href='#replace_with_link'><span ".av_icon_string('wishlist')."></span></a></li>";
$output .= "</ul>";

place it above:

$output .= "<ul id='menu-item-profile' class='menu-item'>";

Best regards,
Nikko

Hi fcp,

Are you still referring to the same site? (link in private content).
I looked into functions.php and the code is not there.

Best regards,
Nikko

Hi fcp,

I see, below this code that I gave before:

$output .= "<li class='profile-item'><a href='#replace_with_link'><span ".av_icon_string('profile')."></span></a></li>";

add this code (and replace the link):

$output .= "<li class='wishlist-item'><a href='#replace_with_link'><span ".av_icon_string('wishlist')."></span></a></li>";

And below this code:

$icons['profile'] = array('font' =>'awesome-font', 'icon' => 'uf2bd'); 

add:

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

Then add this CSS code:

.responsive.html_bottom_nav_header #top #menu-item-profile {
    display: flex;
}

.responsive.html_bottom_nav_header #top #menu-item-profile li {
    margin-left: 8px;
}

Best regards,
Nikko

Hi fcp,

We’re glad that we could help :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko