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

نویسنده : shahin khaledi بروز شده در : 1 ماه 7 روز قبل آخرین مطالعه 2 روز 20 دقیقه قبل دسته ها : ووکامرس

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

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

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

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

 

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

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

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

 

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

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

  • ابتدا وارد حساب کاربری سایت وردپرس خود شوید و به پنل مدیریت کل بروید.
  • از منوی نمایش, زیر منوی ویرایشگر پوسته را انتخاب کنید, بعد از لود صفحه فایل 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;
    }

     

در این مقاله قصد داریم تا درباره نحوه افزودن نماد سبد خرید ووکامرس در منو صحبت کنیم.


قیمت (تومان)
رایگان
وضعیت
تکمیل شده

مقالات پیشنهادی

هوش مصنوعی

هوش مصنوعی

هوش مصنوعی یا هوش ماشینی, به هوشمندی نشان داده شده توسط ماشین در شرایط مختلف گفته میشود که مقابل هوش طبیعی در انسان ها قرار دارد که ...

آخرین بروزرسانی 9 ماه 22 روز قبل

درباره فایل Robots.txt

درباره فایل Robots.txt

این فایل ربات های خزنده موتور های جستجو را راهنمایی می کنند و به آنان می فهماند که چه دایرکتوری و لینک هایی قابل بررسی و چه دایرکتوری و لینک هایی غیرقابل برررسی می باشند...

آخرین بروزرسانی 9 ماه 1 روز قبل

اندروید

اندروید

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

آخرین بروزرسانی 9 ماه 20 روز قبل

پی اچ پی - PHP

پی اچ پی - PHP

با استفاده از این زبان می توان وب سایت های پویا طراحی کرد, این زبان می تواند با HTML ادغام شود, در حقیقت یک زبان اسکریپتی متن باز و رایگان است. یعنی زمانی که سرور درخواست ...

آخرین بروزرسانی 9 ماه 20 روز قبل

سوالات و گفتگوها

logo-samandehi
تماس با ما

می توانید از طریق اطلاعات زیر با ما در ارتباط باشید.

درباره ما

سایت سون کلونر به تازگی شروع به کار کرده است و امید می رود تا بتواند پایگاه وسعی از آموزش های رایگان را در دسترس فارسی زبانان قرار دهد.