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

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

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

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

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

 

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

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

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

 

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

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

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

     

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


قیمت آموزش
رایگان
نوع دسترسی
رایگان

این مقاله در حال حاضر تنها به روش رایگان در دسترس می باشد.

ناصر خالدی
مدرس دوره

ناصر خالدی

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

گفتگوی برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن

دوره های پیشنهادی

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر نیاز است تا ابتدا وارد سایت شوید.

هیچ نظری ارسال نشده است.

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

وردپرس

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


۴۲۹
۰
۱۳ آذر ۱۳۹۹

هک و امنیت

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


۵۰۸
۰
۱۳ آذر ۱۳۹۹

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

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


۴۱۵
۰
۲ دی ۱۳۹۹

هوش مصنوعی

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


۴۳۳
۰
۱۱ آذر ۱۳۹۹