ساخت اسلایدر برای محصولات ووکامرس با افزونه ی PickPlugins Product Slider for WooCommerce

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

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

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

دانلود و نصب افزونه ی PickPlugins Product Slider for WooCommerce برای ساخت اسلایدر ووکامرس

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

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

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

دانلود افزونه PickPlugins Product Slider for WooCommerce از مخزن وردپرس 

پس از نصب افزونه یک گزینه ی جدید به داشبورد وردپرس شما به نام WCPS اضافه خواهد شد.

تنظیمات و استفاده از افزونه ی PickPlugins Product Slider for WooCommerce

پس از نصب و فعال کردن افزونه بر روی WCPS در داشبورد وردپرس خود کلیک کنید.

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

ایجاد یک اسلایدر جدید برای محصولات ووکامرس

در صفحه ی بالا بر روی New WCPS کلیک کنید تا به صفحه ی زیر بروید.

مطابق شکل زیر:

  1. بر روی WCPS کلیک کنید
  2. بر روی New WCPS کلیک کنید
  3. یک نام برای اسلایدر خود انتخاب کنید
  4. بر روی انتشار کلیک کنید.
  5. پس از انتشار بر روی گزینه ی Query Product کلیک کنید

تنظیمات Query Product

این تنظیمات مربوط به نوع و تعداد محصولاتی است که قصد دارید آن ها را نمایش بدهید.

بر اساس شکل زیر:

  1. تنظیمات Query Product
  2. این گزینه برای نمایش تعداد محصولات در اسلایدر است
  3. برای انتخاب دسته ای که محصولات آن دسته قرار است نمایش داده شود.
  4. نمایش محصولات به ترتیب اول به آخر یا آخر به اول
  5. نمایش ترتیب بر اساس ID , date و یا غیره
  6. پنهان کردن محصولات ناموجود در اسلایدر
  7. نمایش یا عدم نمایش محصولات ویژه
  8. نمایش یا عدم نمایش محصولاتی که در فروش ویژه هستند.
  9. فقط نمایش محصولاتی که ID آن ها در این باکس وارد می شود.

تنظیمات Style

این تنظیمات مربوط به ظاهر اسلایدر می باشد.

بر اساس شکل زیر:

  1. انتخاب تنظیمات style
  2. انتخاب یک قالب از میان قالب های موجود
  3. استفاده از ribbon ، در صورت تمایل نوع آن را انتخاب کنید.
  4. استفاده از یک ribbon دلخواه
  5. ویژگی Padding هر محصول
  6. رنگ زمینه برای هر محصول
  7. رنگ زمینه برای اسلایدر
  8. عکس زمینه برای اسلایدر

تنظیمات Element

این گزینه مربوط به تنظیمات نمایش ویژگی های هر محصول است.

این ویژگی ها شامل تصویر، قیمت، خلاصه، دسته، برچسب، عنوان، امتیاز و … می باشد.

بر اساس تصویر زیر:

  1. انتخاب تنظیمات Elements
  2. عدم نمایش تصویر محصول با مارک کردن آن
  3. با کلیک بر روی این ایکون می توانید تنظیمات بیشتری برای هر گزینه ببینید.
  4. نمونه ای از یک آیتم که نمایش داده می شود.

تنظیمات CSS

برای اضافه کردن کد های CSS موردنظر خود از این قسمت استفاده کنید

تنظیمات Shortcode یا کد کوتاه

کد کوتاه برای اسلایدری که در حال ساخت آن هستید در این قسمت قرار دارد و می توانید آن را کپی کرده و در محل مورد نظر برای نمایش قرار دهید.

بر اساس تصویر زیر:

  1. انتخاب تنظیمات کد کوتاه
  2. کد کوتاه نوع اول برای قرار دادن در صفحه ها یا نوشته ها
  3. کد کوتاه نوع دوم برای قرار دادن در نوشته ها و صفحه ها
  4. کد کوتاه نوع اول برای قرار دادن در کدهای PHP
  5. کد کوتاه نوع دوم برای قرار دادن در کدهای PHP

هیچ یک از این کد ها با هم تفاوتی ندارند و همگی یک چیز را نشان می دهند اما در شرایط مختلف.

تنظیمات اصلی Options

در این تنظیمات توصیه می کنیم هیچ گزینه ای را ویرایش نکنید و فقط گزینه ی پشتیبانی از راست چین شدن را مانند تصویر زیر بر روی True قرار دهید:

پس از انجام همه ی تنظیمات بر روی بروزرسانی کلیک کنید:

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

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

اگر دقت کرد باشید در قسمت تنظیمات Style فقط 4 قالب برای این اسلایدر موجود بود. اما در نسخه ی پولی این افزونه تعداد 29 قالب دیگر به آن 4 مورد اضافه می شود و همچنین در قسمت Query Products تنظیمات بیشتری برای نوع محصولات نمایش داده شده وجود دارد.

پیشنهاد می کنیم برای دریافت آخرین مطالب کانال تلگرام کانی تمزرا دنبال کنید .