آیلین وب

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

پس از این کار منویی تحت عنوان  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 دیدگاه دربارهٔ «ساخت اسلایدر محصولات ووکامرس با افزونه WooCommerce Product Slider + آموزش تصویری»

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

دیدگاه‌ خود را بنویسید

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

پیشنهاد میکنیم این مقالات را هم بخوانید
آموزش انتخاب بهترین کلمات کلیدی (Keywords) برای محتوا + فیلم آموزشی

آموزش انتخاب بهترین کلمات کلیدی

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

هاست ویندوز و هاست لینوکس : کدوم رو انتخاب کنم؟

هاست ویندوز و هاست لینوکس

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

آموزش ساخت مگامنو در المنتور (رایگان) + 📽فیلم آموزشی

آموزش ساخت مگامنو در المنتور

با آموزش ساخت مگامنو در المنتور در خدمت شما عزیزان هستم و

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

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

شاید برای خیلی از شماها پیش اومده که توی طراحی صفحات با

مطالب داغ
اسکرول به بالا