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

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

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

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

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

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

مطلب پیشنهادی :   (حل شد) رفع کامل مشکل 403 Forbidden در وردپرس
product slider woo - ساخت اسلایدر محصولات ووکامرس با افزونه WooCommerce Product Slider + آموزش تصویری
ساخت اسلایدر برای ووکامرس

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

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

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

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

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

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

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

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

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

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

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

مطلب پیشنهادی :   10 ویژگی گوتنبرگ Gutenberg که قطعا نمی دانید!!

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

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

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

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

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

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

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

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

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

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

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

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

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

2 دیدگاه

  • Author's gravatar
    akbar 14th ژانویه 2020 , 7:02 ق.ظ

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

    پاسخ
    • Author's gravatar
      محمود شعبانی 15th ژانویه 2020 , 10:44 ق.ظ

      سلام دوست عزیز
      معذرت میخوام
      باید قرار داده میشد، حتما توی بقیه آموزش ها ذکر میشه
      ممنون از اطلاع رسانیتون

      پاسخ

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

مطالب داغ