آموزش ساخت لینک “افزودن محصول به سبد خرید” در ووکامرس

مقدمه

شاید بخواید یک صفحه شامل چند محصول درست کنید یا اینکه در یک مقاله لینک خرید محصول مورد نظرتون رو قرار بدید. طوری که کاربر وقتی روی اون کلیک کرد محصول رو به سبد خرید اضافه کنه. برای این کار نیاز دارید از شورتکد ها استفاده کنید. در این آموزش بهتون یاد میدیم چطوری یک لینک “اضافه کردن محصول به سبد خرید” بسازید تا کاربر با کلیک بر روی اون مستقیماً محصول رو به سبد خریدش اضافه کنه.
راهنمای مطالعه

سبد خرید

چطوری لینک “اضافه کردن محصول به سبد خرید” رو ایجاد کنم ؟

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


www.novinadmin.com/?add-to-cart=ID
 

شناسه یا ID محصول رو چطوری پیدا کنم ؟

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

بدست آوردن id محصول

حالا کافیه لینک رو برای سایتتون به این شکل درست کنید :

http://آدرس سایت شما/?add-to-cart=3240

نکات تکمیلی ایجاد لینک “افزودن به سبد خرید”

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

اگر میخواید همچنان دکمه به صورت Ajax باشه و بعد از کلیک محصول به سبد خرید اضافه بشه و کاربر از صفحه خارج نشه باید از شورتکد استفاده کنید .

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


[ add_to_cart id="3240" ]
 

اگر از این مطلب خوشتون اومده برای دوستاتونم ارسالش کنید!

22 پاسخ

  1. سلام
    ممنون از شما
    میتونیم به جای add-to-cart عبارت checkout بذاریم و اینطوری یک مرحله سریع تر میشه و به جای سبد خرید وارد تسویه حساب میشه.

    1. سلام
      میشه شورت کد کاملش رو قرار بدین من زدم نشد
      ممنون

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

    1. این مورد رو هم بررسی کنید:
      از بخش پیکربندی ووکامرس » محصولات » همگانی گزینه انتقال به برگه سبد خرید بعد از «افزودن به سبد» رو فعال کنید. اگر همچنان مشکل داشت باید سایتتون توسط کارشناس بررسی بشه

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

    1. درود بر شما:
      برای اینکه قیمت رو نشون نده میتونید از کدهای css استفاده کنید ولی برای اینکه قیمت رو در خود دکمه نشون بدید حسب آموزشی که در stackoverflow قرار داده شده میتونید از کد زیر در فایل فانکشن استفاده کنید.

      add_filter( 'woocommerce_product_add_to_cart_text', 'custom_add_to_cart_price', 20, 2 ); // Shop and other archives pages
      add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_price', 20, 2 ); // Single product pages
      function custom_add_to_cart_price( $button_text, $product ) {
      // Variable products
      if( $product->is_type('variable') ) {
      // shop and archives
      if( ! is_product() ){
      $product_price = wc_price( wc_get_price_to_display( $product, array( 'price' => $product->get_variation_price() ) ) );
      return $button_text . ' - From ' . strip_tags( $product_price );
      }
      // Single product pages
      else {
      return $button_text;
      }
      }
      // All other product types
      else {
      $product_price = wc_price( wc_get_price_to_display( $product ) );
      return $button_text . ' - Just ' . strip_tags( $product_price );
      }
      }

    2. اسلام مجدد
      چطور میتونم به جای افزودن به سبد خرید خرید و دانلود نوشت؟
      ومبلغ محصول قبل از تومان بیاد

    3. برای تغییر متن ها میتونید از افزونه Loco Translate استفاده کنید و برای تغییر محل تومان در تنظیمات ووکامرس محل قرار گیری قیمت رو در”سمت راست با فاصله” انتخاب کنید.

  4. سلام. چطوری میشه که همزمان با کلیک بر روی دکمه، چند محصول را به سبد خرید خودمان اضافه کنیم ؟

    1. سلام محمد علی عزیز :
      اینجا رو ببینید. کدهای زیادی قرار دادن. باید کد رو درون فایل فانکشن بزارید و به شیوه گفته شده URL های خرید رو برای چند محصول با ID مختلف بسازید.

  5. سلام و درود
    خیلی سپاسگزارم از بابت راهنمایی
    فقط دوتا مشکل دارم
    ۱-نتونستم قیمت خارج از دکمه رو حذف کنم در صورت امکان کدش رو بفرستین
    ۲-وقتی دکنه افزودن به سبد خرید رو میزنم ریدایرکت میشه نجددا به همون صفحه قبلی
    البته اون گزینه رو از بخش پیکربندی ووکامرس » محصولات » همگانی گزینه انتقال به برگه سبد خرید بعد از «افزودن به سبد» فعال کردن و کش صفحه رو هم پاک کردم ولی متاسفانه بازم نشد

    1. ۱- کدهای قالب شما باید بررسی بشه و بر اون اساس اصلاحات لازم انجام بشه. کد پیش فرض ثابتی نداره.
      ۲- احتمالا id محصول رو اشتباه زدید. در غیر اینصورت احتمالا مشکل از قالب شماست

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

دانلود کتاب الکترونیکی

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