نحوه افزودن نماد سبد خرید ووکامرس در منو

آیا به دنبال راهی سریع و آسان برای افزودن نماد سبد ووکامرس به منو هستید؟ در این پست راه حلی برای این مشکل به شما ارائه می دهیم. با این حال ، برای پیاده سازی این راه حل به برخی از مهارت های کد نویسی نیاز دارید.

وقتی مشتری به فروشگاه شما می آید ، طبیعتاً شما می خواهید تجربه خرید شخصی را به او ارائه دهید. این می تواند خریدهای مکرر از مشتریان وفادار را تشویق کند. روش های زیادی برای انجام این کار در ووکامرس  وجود دارد. یکی از این راه ها افزودن چیزی مانند نماد سبد خرید در منوی اصلی است.

وجود یک یون سبد خرید در منو به کاربران سایت این امکان را می دهد تا اقلام سبد خرید خود و کل آنها را از هر منطقه مشاهده کنند. آنها مجبور نیستند روی پیوند سبد خرید کلیک کنند تا اقلام و کل آنها را در صفحه دیگری مشاهده کنند.

اگر سریع جستجو کنید ، بسیاری از افزونه ها راه حلی برای این مشکل به شما ارائه می دهند. با این حال ، افزونه ها سایت شما را متورم می کنند ، که بر سرعت بارگذاری سایت شما تأثیر منفی می گذارد. به همین دلیل ما تصمیم گرفتیم این پست را ایجاد کنیم تا بهترین راه حل را در اختیار شما قرار دهیم.

نماد سبد خرید ووکامرس در منو

ما یک قطعه کد سفارشی را در راهنمای خرید امروز به اشتراک می گذاریم تا نماد سبد خرید را در منوی اصلی اضافه کنید. این یک راه عالی برای شخصی سازی تجربه خرید مشتریان است زیرا زمان بیشتری را برای ناوبری به آنها می دهد.

قبل از ادامه کار ، توصیه می کنیم طرح زمینه کودک را ایجاد یا نصب کنید. این امر باعث می شود که تغییرات در حین بروزرسانی از بین نروند.

مراحل افزودن نماد سبد خرید در منوی ناوبری

در اینجا مراحل ساده ای است که باید دنبال کنید:

• ابتدا وارد حساب کاربری سایت وردپرس خود شوید و به پنل مدیریت کل بروید.
• از منوی نمایش, زیر منوی ویرایشگر پوسته را انتخاب کنید, بعد از لود صفحه فایل functions.php را باز کنید و کد های زیر را به آن اضافه کنید :
• کد زیر را به فایل php اضافه کنید :

• //* Font Awesome را در دسترس قرار دهید
  add_action( 'wp_enqueue_scripts', 'sevencloner_font_awesome' );
  function sevencloner_font_awesome() {
      wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' );
  }
  
  /**
   * نماد سبد خرید با تعداد اقلام و هزینه کل را در نوار منو قرار دهید.
   *
   * Source: http://wordpress.org/plugins/woocommerce-menu-bar-cart/
   */
  add_filter('wp_nav_menu_items','njengah_wcmenucart', 10, 2);
  function njengah_wcmenucart($menu, $args) {
      // بررسی کنید آیا  ووکامرس فعال است یا خیر و یک مورد جدید را به منویی که به مکان منوی ناوبری اصلی اختصاص داده شده اضافه کنید
      if ( !in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) || 'primary' !== $args->theme_location )
          return $menu;
      ob_start();
          global $woocommerce;
          $viewing_cart = __('View your shopping cart', 'your-theme-slug');
          $start_shopping = __('Start shopping', 'your-theme-slug');
          $cart_url = $woocommerce->cart->get_cart_url();
          $shop_page_url = get_permalink( woocommerce_get_page_id( 'shop' ) );
          $cart_contents_count = $woocommerce->cart->cart_contents_count;
          $cart_contents = sprintf(_n('%d item', '%d items', $cart_contents_count, 'your-theme-slug'), $cart_contents_count);
          $cart_total = $woocommerce->cart->get_cart_total();
  
          // برای پنهان کردن مورد سبد منوی nav در مواردی که هیچ موردی در سبد خرید وجود ندارد ، خط زیر را کامنت نکنید
          // if ( $cart_contents_count > 0 ) {
              if ($cart_contents_count == 0) {
                  $menu_item = '<li class="right"><a class="wcmenucart-contents" href="'. $shop_page_url .'" title="'. $start_shopping .'">';
              } else {
                  $menu_item = '<li class="right"><a class="wcmenucart-contents" href="'. $cart_url .'" title="'. $viewing_cart .'">';
              }
              $menu_item .= '<i class="fa fa-shopping-cart"></i> ';
              $menu_item .= $cart_contents.' - '. $cart_total;
              $menu_item .= '</a></li>';
          // برای پنهان کردن مورد سبد منوی nav در مواردی که هیچ موردی در سبد خرید وجود ندارد ، خط زیر را کامنت نکنید
          // }
          echo $menu_item;
      $social = ob_get_clean();
      return $menu . $social;
  }