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

افزونه Product Slider for WooCommerce

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

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

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

با استفاده از افزونه Product Slider for WooCommerce می توانید اسلایدر محصولات را در نوشته ها، برگه ها، انواع پست های سفارشی و حتی ناحیه ابزارک ها نمایش دهید. این افزونه دارای یک تولید کننده شورت کد درون ساخته است که با استفاده از آن می توان ظاهر و عملکرد اسلایدر محصولات را کنترل کرد.

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

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

توجه داشته باشید که برای استفاده از این افزونه باید فروشگاه اینترنتی خود را با استفاده از افزونه WooCommerce ساخته باشید.

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

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

افزونه Product Slider for WooCommerce

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

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

افزونه Product Slider for WooCommerce
  1. در قسمت افزودن عنوان یک نام برای اسلایدر خود انتخاب کنید. با استفاده از این نام می توانید اسلایدر خود را به راحتی پیدا کنید.
  2. در زیر عنوان بخشی وجود دارد که شورت کد اسلایدر در آن قرار گرفته است. شما می توانید این شورت کد را کپی کرده و در هر نوشته، برگه یا پست سفارشی که بخواهید وارد کنید. همچنین یک کد PHP در این بخش وجود دارد که می توانید آن را کپی کرده و در فایل قالب خود وارد کنید.
  3. در انتهای صفحه باکس تنظیمات افزونه Product Slider for WooCommerce قرار دارد. همانطور که ملاحظه می کنید این باکس از تب های مختلفی تشکیل شده است.

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

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

افزونه Product Slider for WooCommerce

Slider Type: در این قسمت می توانید نوع اسلایدری که می خواهید نمایش دهید را مشخص کنید. در نسخه رایگان افزونه تنها گزینه Product یعنی اسلایدر محصول قابل انتخاب است. اما در نسخه Pro می توانید گزینه Category یا دسته را نیز انتخاب کنید.

Layout Preset: در این قسمت می توانید طرح بندی اسلایدر گردونه یا طرح بندی شبکه ای را انتخاب کنید.

Select Theme: در نسخه رایگان افزونه Product Slider for WooCommerce سه استایل قالب ارائه شده است که می توانید یکی از آنها را انتخاب کنید. در نسخه Pro این افزونه شما قادر به انتخاب از بین بیش از 30 قالب مختلف هستید.

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

Column(s) in Desktop: اگر طرح بندی شبکه ای را انتخاب کرده اید، در این قسمت می توانید تعداد ستون های نمایش داده شده در صفحه نمایش های بزرگتر از 1100px را مشخص کنید.

Column(s) in Small Desktop: در این قسمت می توانید تعداد ستون های صفحه نمایش های کوچکتر از 1100px را انتخاب کنید.

Column(s) in Tablet: در این قسمت از افزونه Product Slider for WooCommerce می توانید تعداد ستون های نشان داده شده در تبلت را انتخاب کنید.

Column(s) in Mobile: در این قسمت می توانید تعداد ستون های نشان داده شده در موبایل را انتخاب کنید.

Total Products to Show: این قسمت مشخص کننده تعداد کل محصولاتی است که در اسلایدر نشان داده می شود.

Order By: در این قسمت می توانید ترتیب نمایش اسلایدها را براساس گزینه ای که در قسمت Order انتخاب می کنید، مشخص نمایید.

Order: در این قسمت می توانید گزینه صعودی یا نزولی را برای نمایش اسلایدها انتخاب کنید.

کنترل اسلایدر

در تب Slider Controls افزونه Product Slider for WooCommerce می توانید نحوه نمایش اسلایدرها را کنترل کنید.

افزونه Product Slider for WooCommerce

گزینه هایی که در این صفحه می توانید پیکربندی کنید، عبارتند از:

  • AutoPlay: فعال کردن نمایش خودکار اسلایدها
  • AutoPlay Speed: تنظیم سرعت نمایش خودکار برحسب میلی ثانیه
  • Slider Speed: تنظیم سرعت اسکرول اسلاید بر حسب میلی ثانیه
  • Pause on Hover: فعال کردن توقف اسلایدر هنگام هاور کردن
  • Navigation: فعال کردن نمایش نشانگرهای ناوبری
  • Color: تنظیم رنگ ناوبری اسلایدر
  • Background: تنظیم رنگ پس زمینه ناوبری اسلایدر
  • Pagination: فعال کردن نمایش نقطه های صفحه بندی
  • Dots Color: تنظیم رنگ نقطه های صفحه بندی اسلایدر
  • Dots Active Color: تنظیم رنگ نقطه فعال صفحه بندی اسلایدر
  • Touch Swipe: فعال کردن جاروب تاچ در دستگاه های لمسی
  • Mouse Draggable: فعال کردن قابلیت کشیدن موس
  • RTL Mode: فعال کردن مد RTL (راست به چپ) برای زبان هایی مانند فارسی

تنظمیات گزینه های نمایش در افزونه Product Slider for WooCommerce

در تب Display Options می توانید گزینه های نمایش اسلایدر را پیکربندی کنید.

افزونه Product Slider for WooCommerce

گزینه هایی که در این صفحه می توانید پیکربندی کنید عبارتند از:

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

تب آخر که تب Typography و شامل بیش از 840 فونت گوگل است مربوط به نسخه Pro افزونه Product Slider for WooCommerce می باشد.

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

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

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

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

امیدواریم این آموزش مورد توجه شما قرار گرفته باشد.

دانلود افزونه

دانلود افزونه
صفحه افزونه

درباره ی مینا قدسی

مطلب پیشنهادی

افزونه Google XML Sitemaps

ساخت نقشه سایت در وردپرس با افزونه Google XML Sitemaps

یکی از اقدامات مهم برای هر وب سایت وردپرسی ساخت نقشه سایت و ارسال آن …

پاسخی بگذارید

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