نحوه ایجاد دکمه افزودن ووکامرس به سبد خرید با شناسه محصول

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

افزودن دکمه ووکامرس به شناسه محصول

در پست قبلی ، نحوه تغییر دکمه افزودن ووکامرس به سبد خرید به پیوند و همچنین نحوه تغییر دکمه افزودن ووکامرس به سبد خرید را برای توضیح بیشتر توضیح دادم.
اینها دیگر آموزش های قبلی است که می تواند به شما در یادگیری نحوه سفارشی سازی دکمه افزودن ووکامرس به سبد خرید بیشتر کمک کند:

  • نحوه جایگزینی دکمه افزودن به سبد خرید با پیوند ووکامرس
  • نحوه پنهان کردن ادامه مطلب و افزودن به سبد خرید دکمه ووکامرس
  • نحوه تغییر متن افزودن به سبد خرید در صفحه فروشگاه ووکامرس
  • نحوه تغییر متن افزودن به سبد خرید راهنمای ووکامرس با مثال
  • نحوه افزودن محصول به صورت برنامه ای به سبد خرید در ووکامرس
  • نحوه تغییر اعلان “اضافه شده به سبد خرید” ووکامرس
  • نحوه مخفی کردن قیمت و افزودن به سبد خرید برای کاربران خارج شده ووکامرس

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

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

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

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

پیوند به سبد خرید

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

https://example.com/?add-to-cart=840

نشانی وب سایت شما باید جایگزین قسمت example.com آدرس اینترنتی و شناسه محصول خاص باید جایگزین شناسه محصول 840 مورد استفاده در مثال بالا شود.

می توانید این را در کد دکمه HTML مانند کد زیر اضافه کنید:

Add to Cart

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

همچنین می توانید مقدار را به آدرس افزودن به سبد خرید اضافه کنید و می توانید این کار را با استفاده از پارامترهای مختلف URL که برای افزودن منطق به URL ها استفاده می شود ، انجام دهید.

در این حالت می توانید کد ایجاد شده در مرحله بالا را گسترش دهید و یک محصول ساده اضافه کردن ووکامرس به سبد خرید با شناسه محصول با مقدار 2 به شرح زیر ایجاد کنید:

https://example.com/?add-to-cart=840&quantity=2

همانطور که می بینید ما علامت ampersand و کلمه مقدار را اضافه کرده و آن را با 2 مورد از مواردی که می خواهیم هنگام خرید روی دکمه همان محصول به سبد خرید اضافه کنیم ، برابر کرده ایم.

برای افزودن این نشانی اینترنتی به کد HTML و ایجاد دکمه افزودن به سبد خرید ووکامرس با شناسه محصول با مقدار ، باید از کد زیر استفاده کنید:

Add to Cart

ایجاد دکمه افزودن ووکامرس به سبد خرید با شناسه محصول با تغییر مسیر به سبد خرید

برای سهولت حرکت مشتریان در فروشگاه ووکامرس در سایت شما ، ایجاد تغییر مسیرها بسیار مهم است. در گذشته من روشهای زیادی برای ایجاد تغییر مسیرهای ووکامرس برجسته کرده ام.

قابل توجه ، من در این پست های وبلاگ به اشتراک گذاشتم – ووکامرس پس از پرداخت تغییر مسیر ایجاد می کند و ووکامرس پس از خروج تغییر مسیر می دهد و حتی افزونه تغییر مسیر ووکامرس پس از پرداخت را ایجاد می کند تا به شما در ایجاد تغییر مسیر پس از پرداخت کمک کند.

پس از افزودن به سبد خرید ، ووکامرس به سبد خرید هدایت می شود

همچنین می توانید با دکمه افزودن ووکامرس به سبد خرید با شناسه محصول ، هدایت به سبد خرید را ایجاد کنید. شما می توانید این کار را با تغییر کدی که در مرحله بالا به اشتراک گذاشتم به شرح زیر انجام دهید:

https://example.com/cart/?add-to-cart=840

همانطور که می بینید ما سبد خرید را به URL اضافه کرده ایم تا مطمئن شویم کاربر پس از افزودن محصول به سبد خرید به سبد خرید هدایت می شود. کد کامل با کد دکمه HTML به شرح زیر است:

			Add to Cart
		

پس از افزودن به سبد خرید ، ووکامرس به Checkout هدایت می شود

همچنین می توانید با استفاده از دکمه افزودن به سبد خرید ووکامرس با شناسه محصول ، تغییر مسیر ایجاد کنید. می توانید این کار را با تغییر کدی که در مرحله به اشتراک گذاشتم با افزودن پرداخت در URL بالا به شرح زیر انجام دهید:

https://example.com/checkout/?add-to-cart=840

همانطور که می بینید ما پرداخت را به آدرس اینترنتی اضافه کرده ایم تا اطمینان حاصل شود که کاربر پس از افزودن محصول به سبد خرید ، به پرداخت هدایت می شود. کد کامل با کد دکمه HTML به شرح زیر است:

			Add to Cart

نتیجه

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

امیدوارم اکنون بتوانید دکمه افزودن به سبد خرید ووکامرس را با شناسه محصول ایجاد کرده و از آن در جدول قیمت ها ، فرم ها و قالب ها استفاده کنید. همچنین می توانید دکمه افزودن به سبد خرید را با استفاده از کلاس دکمه ای که به کد بالا اضافه کردم سفارشی کنید. اگر هنوز سایت خود را سفارشی می کنید ، می توانید از ایده هایی که در Ultimate ووکامرس Hide Guide به اشتراک گذاشتم بهره مند شوید.

برای کاربران ووکامرس که تم Storefront نصب شده است و می خواهند آن را بیشتر سفارشی کنند ، من یک مجموعه درخشان از 80+ نکات سفارشی سازی ووکامرس Storefront Theme را به اشتراک گذاشتم که به شما نحوه ایجاد یک ظاهر سفارشی از سایت شما با استفاده از تم پیش فرض ووکامرس راهنمایی می کند – ویترین فروشگاه به

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


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

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

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

ناصر خالدی

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

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

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

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

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

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

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

پی اچ پی - PHP

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


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

جاوا اسکریپت

جاوا اسکریپت یک زبان پویا و محبوب مبتنی بر شیء, داینامیک و مفسری می باشد. این زبان برای برنامه نویسی سمت سرور و کلاینت استفاده میشود که ...


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

هوش مصنوعی

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


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

بک لینک چیست؟

بک لینک (Back Link) به لینک دادن یک سایت به سایت دیگر گفته میشود که یک فاکتور مهم و اساسی در سئو هر سایتی می باشد.


۷۵۱
۰
۲۲ آذر ۱۳۹۹