آموزش کار با افزونه PickPlugins WooCommerce Product Slider اسلایدر ووکامرس

افزونه PickPlugins WooCommerce Product Slider یکی از بهترین افزونه های ووکامرس است که با استفاده از آن می توانید یک اسلایدر زیبا و تعاملی از محصولات ووکامرس خود بسازید و آن را در فروشگاه ووکامرس خود به معرض نمایش بگذارید.

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

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

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

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

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

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

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

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

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

ابتدا یک عنوان برای اسلایدر انتخاب کنید.

در سمت چپ صفحه New WCPS می توانید چند تب مختلف شامل موارد زیر را مشاهده کنید:

Shortcode
Options
Query Product
Style
Elements
Custom CSS
در ادامه آموزش به بررسی تب های مختلف موجود در صفحه ساخت اسلایدر جدید افزونه PickPlugins Product Slider می پردازیم.

شورت کد اسلایدر ووکامرس

در تب Shortcode یک شورت کد در اختیار شما قرار داده می شود که می توانید آن را کپی کرده و در هر یک از نوشته ها یا برگه های سایت خود که بخواهید پیست کنید.

برای جلوگیری از تداخل با افزونه های دیگر که از شورت کد [wcps] استفاده می کنند، یک شورت کد دیگر نیز در اختیار شما قرار داده شده است.

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

گزینه های اسلایدر محصولات افزونه PickPlugins WooCommerce Product Slider

در تب Options می توانید تنظیمات اسلایدر خود را پیکربندی کنید. به عنوان مثال می توانید آیتم های اسلایدر، ستون های اسلایدر، سرعت و صفحه بندی اسلایدر را پیکربندی کنید.

تنظیمات کوئری محصولات

در تب Query Product می توانید تنظیمات کوئری محصولات را پیکربندی کنید.

Max number of product: در این قسمت می توانید ماکزیمم تعداد محصولاتی که می خواهید نمایش دهید را مشخص کنید.

Product categories & terms: در این قسمت می توانید دسته هایی که می خواهید محصولات از آنها نمایش داده شوند را مشخص کنید.

Query order: این بخش مربوط به انتخاب ترتیب نمایش اسلایدها به صورت نزولی (Descending) یا صعودی (Ascending) است.

Query orderby: در این بخش می توانید مشخص کنید که ترتیب نمایش تصاویر محصولات بر چه اساسی باشد.

Hide out of stock items: اگر می خواهید محصولاتی که موجودی آنها در انبار پایان یافته است را نمایش ندهید می توانید در این قسمت گزینه Yes را انتخاب کنید.

Featured product display: اگر می خواهید محصولات شاخص نمایش داده شود، این گزینه را در حالت Yes قرار دهید.

On Sale Product display: در این قسمت می توانید انتخاب کنید که محصولات حراج نمایش داده شوند/نشوند.

Product display by Product ID: در این قسمت می توانید ID محصولاتی که می خواهید نمایش داده شوند را انتخاب کنید.

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

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

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

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

با کلیک بر روی آیکون تنظیمات هر المان که در شکل زیر نشان داده شده است، پنجره تنظیمات مربوط به آن المان باز می شود و شما می توانید تنظیمات مورد نظر خود را اعمال کنید.

CSS سفارشی

در این قسمت می توانید اسکریپت ها و کدهای CSS سفارشی را وارد کنید.

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

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

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

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

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

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

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

در تب Options تنظیمات زیر را اعمال کنید:

گزینه Slider auto play را در حالت False قرار دهید.
گزینه Slider rewind را در حالت False قرار دهید.
گزینه Slider loop را در حالت False قرار دهید.
در تب Query Product تنظیمات زیر را اعمال کنید:

گزینه Max number of products را به دلخواه خود تنظیم کنید.
گزینه Query order را در حالت Descending قرار دهید.
گزینه Query orderby را در حالت date قرار دهید.
حال اسلایدر را انتشار داده یا آن را بروزرسانی کنید و با استفاده از شورت کد آن را در سایت خود نمایش دهید. آخرین محصولات فروشگاه ووکامرس شما نشان داده می شود.

نمایش محصولات شاخص

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

در تب Options تنظیمات زیر را اعمال کنید:

گزینه Slider auto play را در حالت False قرار دهید.
گزینه Slider rewind را در حالت False قرار دهید.
گزینه Slider loop را در حالت False قرار دهید.
در تب Query Product تنظیمات زیر را اعمال کنید:

گزینه Max number of products را به دلخواه خود تنظیم کنید.
گزینه Featured product display را در حالت Yes قرار دهید.
سپس اسلایدر خود را انتشار داده یا آن را بروزرسانی کنید و با استفاده از شورت کد در سایت خود نمایش دهید.

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

بیشتر بخوانید : 

افزونه درخواست نقل قول ووکامرس

افزونه مقایسه محصول ووکامرس

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

افزونه نظرسنجی پیشرفته ووکامرس

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

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

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

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

افزونه ساخت سیستم پرسش و پاسخ در ووکامرس

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

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