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

تاریخ: ۰۸ اردیبهشت ۱۴۰۰

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

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

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

اطلاعاتی که این دکمه در بر دارد:

  1. لینک درخواست ajax
  2. تعداد یا quantity محصول
  3. کلاس تگ
  4. ویژگی های محصول
  5. متن دکمه

 

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

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

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

محصول ما می تواند انواع مختلفی داشته باشد.

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

برای مشاهده فایل های دکمه های افزودن به سبد خرید در صفحه محصول به فولدر templates، فولدر single-product و سپس فولدر add-to-cart بروید.

woocommerce/templates/single-product/add-to-cart

در این فولدر 6 فایل وجود دارد که عبارتند از:

  1. فایل external.php
  2. فایل grouped.php
  3. فایل simple.php
  4. فایل variable.php
  5. فایل variation-add-to-cart-button.php
  6. فایل variation.php

 

با نگاهی به این فایل ها مشاهده می کنید که تفاوت خاصی در آن ها وجود ندارد.

بلکه ووکامرس برای راحتی مدیریت و توسعه این دکمه برای حالت های مختلف، این کار را کرده است.

 

فایل external.php

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

محصول خارجی محصولی است که در یک سایت دیگری می باشد و ما در سایت خودمان آن را معرفی کرده و کاربر را ترغیب به خرید می کنیم. (معمولا در affiliate کاربرد دارد)

متن این دکمه طبعا نباید افزودن به سبد خرید باشد. ووکامرس به صورت دیفالت متن آن را buy product تعیین کرده است. از طریق ویرایش محصول می توانیم این متن را تغییر دهیم.

با کلیک بر روی این دکمه، کاربر به لینک خارجی ای که در ویرایش محصول مشخص کرده ایم هدایت می شود.

نکته: اگر لینک خارجی وارد نشده باشد، دکمه نیز نمایش داده نخواهد شد.

برای مشاهده این فایل به این لینک در گیت هاب مراجعه نمایید:

https://github.com/woocommerce/woocommerce/blob/trunk/templates/single-product/add-to-cart/external.php

مشاهده می کنید یک فرم با اکشن product_url وجود دارد.

اگر محصول ما خارجی باشد، ووکامرس لینک خارجی را در اکشن ست می کند.

و در نتیجه کاربر پس از زدن آن به لینک خارجی ارجاع داده می شود.

 

فایل grouped.php

فایل grouped.php حاوی دکمه ای است که هنگامی که محصول ما یک محصول گروهی باشد، توسط ووکامرس ایمپورت می شود.

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

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

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

در صفحه محصول گروهی، کاربر محصولات خود را با quantity مدنظر انتخاب کرده، سپس به سبد خرید اضافه می کند.

برای مشاهده این فایل به این لینک در گیت هاب مراجعه نمایید:

https://github.com/woocommerce/woocommerce/blob/trunk/templates/single-product/add-to-cart/grouped.php

 

فایل simple.php

فایل simple.php حاوی دکمه ای است که هنگامی که محصول ما یک محصول معمولی باشد، توسط ووکامرس ایمپورت می شود.

محصول معمولی محصولی است که یکسری جزئیات و یک قیمت دارد و کاربر آن را خرید می کند. نه external است. نه grouped است و نه variable.

کاربر با زدن دکمه افزودن به سبد خرید، آن را به سبد خود اضافه می کند.

برای مشاهده این فایل به این لینک در گیت هاب مراجعه نمایید:

https://github.com/woocommerce/woocommerce/blob/trunk/templates/single-product/add-to-cart/simple.php

 

فایل variable.php

فایل variable.php حاوی دکمه ای است که هنگامی که محصول ما یک محصول متغیر باشد، توسط ووکامرس ایمپورت می شود.

 

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *