افزونه های ووکامرس

اسلایدر واکنش گرا در ووکامرس با افزونه YITH WooCommerce Product Slider Carousel

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

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

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

ساخت اسلایدر واکنش گرا در ووکامرس

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

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

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

دانلود افزونه YITH WooCommerce Product Slider Carousel

پس از نصب و فعال سازی افزونه منویی با عنوان YITH در پیسخوان وب سایت شما ظاهر می شود که با کلیک روی زیرمنوی Product Slider Carousel به صفحه تنظیمات افزونه هدایت خواهید شد.

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

General Setting

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

این مطلب را از دست ندهید :
ایجاد تخفیف بر اساس دسته بندی ووکامرس با افزونه Woo Product Category Discount

Product to show: در این گزینه می توانید تعیین نمایید که چه تعداد از محصولاتتان در اسلایدر واکنش گرا در ووکامرس نمایش داده شود.

Enable Rtl support: با فعال کردن این گزینه، اسلایدر شما از قابلیت RTL یا همان راست به چپ پشتیبانی خواهد کرد.

Loop slider: با فعال کردن این گزینه، اسلایدر شما به صورت یک چرخه حرکت خواهد کرد.

Pagination Speed: سرعت حرکت محصولات در اسلایدر خود را با کمک این گزینه تعیین کنید.

AutoPlay: در این گزینه سرعت شروع اسلایدر واکن گرا در ووکامرس را تعیین نمایید.

Stop on Hover: با فعال کردن این گزینه، اسلایدر محصولات با حرکت ماوس روی آن متوقف خواهد شد.

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

Show Dots Navigation: با فعال کردن این گزینه نیز می توانید در اسلایدر واکنش گرا در ووکامرس نقاط ناوبری را نیز نمایش دهید.

Animation IN و Animation OUT و Animation Speed: با کمک این سه گزینه می توانید نحوه نمایش انیمیش اسلایدر خود و سرعت حرکت آن را تعیین کنید.

Content Setting

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

تنظیمات محتوا برای ایجاد اسلایدر واکنش گرا
تنظیمات محتوا

Title: در این گزینه برای اسلایدر واکنش گرا در ووکامرس خود یک نام وارد کنید.

Show Title: با فعال کردن این گزینه، نام وارد شده در گزینه قبلی در هنگام نمایش اسلایدر، نمایش داده خواهد شد.

Choose Product Category: در این گزینه دسته ای از محصولات را که تمایل دارید در اسلایدر واکنش گرا در ووکامرس نمایش داده شود، انتخاب کنید.

این مطلب را از دست ندهید :
انتقال اطلاعات از پرستاشاپ به ووکامرس با افزونه FG PrestaShop to WooCommerce

Slider Template: در این گزینه می توانید برای اسلایدر خود یک قالب انتخاب نمایید که در نسخه رایگان فقط یک انتخاب دارید.

Images per row: در این گزینه تعداد تصاویر در هر ردیف را تعیین کنید.

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

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

Use this shortcode in your pages: در نهایت پس از ذخیره اسلایدر خود از این شورت کد برای نمایش اسلایدر واکنش گرا در ووکامرس در صفحات خود می توانید استفاده کنید.

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

دقت کنید که چنانچه از ویرایشگر کلاسیک استفاده می کنید، شورت کد را در قسمت متن وارد کرده و اگر از ویرایشگر گوتنبرگ استفاده می کند، از بلوک کد کوتاه استفاده نمایید.

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

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

عاطفه نوربخش

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

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

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

دوره آموزش وردپرس در اصفهانثبت نام رایگان (کد تخفیف : WpNarenji)
+
بستن