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

woo product slider

فهرست مطالب

در دنیای واقعی به این شکل هستش که مغازه دارها بهترین محصولات خود را در ویترین قرار میدهند تا بتوانند از طریق آن مشتریان بیشتری جذب کنند و هرچقدر دیزاین ویترین زیباتر باشد مشتریان بیشتر مشتاق میشوند تا به آن مغازه سربزنند.(و از قدیم تاکنون این روش بسیار جوابگو بوده است و  مغازه دارها سالیان مقدار زیادی پول صرف طراحی دکوراسیون ویترین و مغازه خود میکنند).

در دنیای مجازی و فروشگاه های آنلاین نیز دقیقا این موضوع مطرح است.هرچقدر چیدمان محصولات،توضیحات،قیمت کامل و زیبا باشد مسلما نظر بیننده را جلب خواهد کرد.چون هم در فروش حضوری و هم در خرید اینترنتی دیدن نقش به سزایی دارد و طرف با نگاه کردن به یک محصول به آن جذب میشود(البته اگر فاکتورهای جذب رعایت شده باشد).

[toc]

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

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

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

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

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

مطلب پیشنهادی :
عکس های متحرک بهینه در وردپرس با افزونه WP GIF Player

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

بدون حتی یک خط کد نویسی و در کمتر ازچند دقیقه اسلاید بسازید

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

شما میتونانید  در هر قسمت از فروشگاه خود که خواستید از آن استفاده نمائید.

از ویژگی‌های اساسی این افزونه ایجاد اسلایدرهای مختلف و حالت ریسپانسیو افزونه است.

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

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

  • نمایش محصولات در بهترین استایل
  • امکان نمایش محصولات دسته بندی های خاص
  • دارای امکانات ترتیب بندی محصولات
  • تعیین رنگ و تصویر  برای background slider
  • امکان استفاده از  پوسته های موجود
  • عدم احتیاج به کد نویسی
  • عدم نمایش محصولات ناموجود در اسلایدر
  • سازگاری با تمامی قالب ها
  • امکان نمایش جزئیات
  • سرعت بالا
  • هماهنگی با انوع دستگاه ها
  • متوقف شدن اسلایدر در هنگام قرار گیری ماوس روی آن قسمت
  • پشتبانی کامل
  • بهینه سازی شده از لحاظ سئو
  • استفاده از فونت و رنگ دلخواه
  • امکان افزودن دکمه سبد خرید در صفحه اسلایدر

آموزش کار با افزونه WooCommerce Products Slider :

ابتدا افزونه را از سایت وردپرس دانلود،نصب و فعال نمائید. (آموزش نصب افزونه در وردپرس)

پس از این کار منویی تحت عنوان  wcps در پیشخوان وردپرس اضافه خواهد شد.به بخش new wcps مراجعه کنید.

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

در صفحه موجود تنظیمات اسلادر را در پایین صفحه مشاهده میکنید.

این بخش دارای تب های مختلفی است.

  1. style
  2. Option
  3. Query Product
  4. custom css
  5. shortcode

در ابتدا برای تنظیمات کلی و مهم وارد تب Query Product شوید.

مطلب پیشنهادی :
ساخت اسکیمای سوالات متداول (FAQ) در المنتور + فیلم آموزشی اختصاصی
تنظیمات افزونه WooCommerce Product Slider
طراحی اسلایدر پیشرفته در ووکامرس
  1. گزینه اول مربوط به تعداد محصولاتی است که میخواهید در اسلادر نمایش دهید(total number)
  2. گزینه دوم مربوط دسته بندی هایی است که میخواهید نمایش دهید(product term)
  3. گزینه سوم برای نمایش محصولات با ویژگی های خاص است.اعمال فیلتر، وضعیت انتشار و غیره(More Query)
  4. گزینه چهارم برای نمایش ایتم ها به صورت نزولی یا صعودی میباشد.(Query order)
  5. گزینه پنجم برای نمایش تصاویر به صورت اولویت نمایش است(Query orderBy)
  6. گزینه اخر برای عدم نمایش محصولات ناموجود در فروشگاه است.

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

به دو صورت میتوانید این کار را انجام دهید.

 WooCommerce Product Slider
ساخت اسلایدر با شورتکد

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

روش دوم به این شکل است،کدی که به صورت php است را برداشته و در بخش هدر قالب خود جایگذاری میکنید.

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

2 دیدگاه دربارهٔ «ساخت اسلایدر محصولات ووکامرس با افزونه WooCommerce Product Slider + آموزش تصویری»

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

    پاسخ

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