افزونه Product Slider for WooCommerce

در قسمت افزودن عنوان یک نام برای اسلایدر خود انتخاب کنید. با استفاده از این نام می توانید اسلایدر خود را به راحتی پیدا کنید.
در زیر عنوان بخشی وجود دارد که شورت کد اسلایدر در آن قرار گرفته است. شما می توانید این شورت کد را کپی کرده و در هر نوشته، برگه یا پست سفارشی که بخواهید وارد کنید. همچنین یک کد PHP در این بخش وجود دارد که می توانید آن را کپی کرده و در فایل قالب خود وارد کنید.
در انتهای صفحه باکس تنظیمات افزونه 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 می توانید نحوه نمایش اسلایدرها را کنترل کنید.

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

✔️ 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 می توانید گزینه های نمایش اسلایدر را پیکربندی کنید.

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

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

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

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

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

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