فروشگاه ساز ووکامرس

ایجاد اسلایدر محصولات در ووکامرس با افزونه WooCommerce Products Slider

با استفاده از افزونه WooCommerce Products Slider می‌توانید به راحتی اسلایدری از محصولات ایجاد کنید و در هر قسمت از فروشگاه که خواستید از آن استفاده کنید. از ویژگی‌های اصلی این افزونه می‌توان به ایجاد اسلایدرهای مختلف و حالت ریسپانسیو افزونه اشاره کرد. جهت آشنایی با امکانات کامل افزونه با ما همراه باشید.

ویژگی‌های افزونه:

  • طراحی کاملا واکنشگرا (responsive)
  • ایجاد بی‌نهایت اسلایدر
  • نمایش خودکار اسلایدها
  • توقف اسلایدر به هنگام قرار گیری ماوس روی آن
  • امکان تغییر اسلایدها از طریق کشیدن
  • امکان تعیین سرعت دلخواه جهت نمایش اسلایدها
  • امکان استفاده از ۳ پوسته موجود
  • تعیین رنگ و تصویر پس زمینه اسلایدر
  • مخفی کردن محصولات ناموجود
  • اسلایدر شامل فیلتر تازه منتشر شده، محصولات ویژه، ماه و سال
  • استفاده از رنگ، فونت و جهت نمایش متن دلخواه برای آیتم‌های اسلایدر
  • امکان تعیین تعداد کلمات خلاصه توضیح محصولات و دکمه اطلاعات بیشتر
  • ۳ حالت نمایش مبلغ محصول در اسلایدر
  • امکان استفاده از دکمه افزودن به سبد خرید در اسلایدر
  • استفاده از آیکون های سفارشی

 

فعال سازی و استفاده از افزونه WooCommerce Products Slider

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

میزبان هاست راهکار جامع شبکه و وب

دریافت افزونه WooCommerce Products Slider

پس از انجام این کار منوی جدید با نام WCPS به منوهای مدیریت وردپرس اضافه خواهد شد. اولین کاری که باید انجام دهید، ایجاد کد کوتاه می‌باشد. بدین منظور از پیشخوان وردپرس به منوی WCPS / New WCPS مراجعه کنید.

در این صفحه می‌توانید تنظیمات مربوط به اسلایدر را در جعبه پایین Woocommerce Products Slider Options مشاهده کنید. این بخش به چند تب مختلف تقسیم شده است که از طریق تب‌های Option ، style و Query Product باید تنظیمات اسلایدر را مشخص کنید. برای مثال، از طریق تب style باید نحوه نمایش و ظاهر اسلایدر را مشخص کنید.

اما برای اینکه اسلایدر به درستی کار کند لازم است که در تب Query Product گزینه‌های مربوطه را مشخص کنید.

سرورهای مجازی میزبان هاست

Total Number of Product – تعداد محصولاتی که می‌خواهید در اسلایدر نشان داده شود.

Product Terms – از طریق این گزینه می‌توانید مشخص کنید که محصولات کدام دسته‌ها و برچسب‌ها نشان داده شوند.

More Query – برای نمایش محصولات با ویژگی‌های خاص، از این گزینه استفاده کنید. در این بخش مواردی همچون فیلتر نمایش براساس تاریخ انتشار، وضعیت محصولات  و… وجود دارد.

برای مثال اگر بخواهید اسلایدر شامل محصولاتی باشد که خودتان انتخاب کنید، کافیست در کادر Product display by Product ID شناسه هر محصول (ID) را وارد کنید.

Query order – حالت نمایش آیتم‌های اسلایدر (صعودی یا نزولی) را از طریق این گزینه می توانید مشخص کنید.

اپلیکیشن میزبان هاست

Query orderBy: جهت مشخص کردن اولویت نمایش توسط پارامترهای موجود از این گزینه استفاده می شود .

Hide out of stock items – در صورتی که این گزینه را فعال کنید، محصولات ناموجود در اسلایدر نشان داده نخواهند شد.

پس از انجام تنظیمات، WCPS را مانند نوشته‌ها منتشر کنید. سپس به تب Shortcode مراجعه کنید.

اکنون در این قسمت دو نوع کد کوتاه را مشاهده می‌کنید:

۱- این کد کوتاه مخصوص استفاده در نوشته‌ها، برگه‌ها و خود محصولات می‌باشد.

۲- این کد کوتاه که به صورت کد PHP می‌باشد را می‌توانید به فایل‌های پوسته اضافه کنید.

در زیر یک نمونه ساده از اسلایدر ساخته شده با افزونه WooCommerce Products Slider را می‌توانید مشاهده کنید:

امتیاز این نوشته

امتیاز

امتیاز کاربران: 5 ( 1 رای)

مشاهده بیشتر

نوشته های مشابه

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

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

دکمه بازگشت به بالا