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

تاریخ انتشار: آذر 18, 1395 تعداد بازدید: 716 بازدید تعداد دیدگاه ها: 0

اسلایدر محصولات ووکامرس با WooCommerce Product Slider

اسلایدر محصولات ووکامرس با WooCommerce Product SliderReviewed by فرشید امین زاده on Dec 8Rating: 5.0اسلایدر محصولات ووکامرس با WooCommerce Product Sliderدر صفحه ساز ها و قالب وردپرس خود اسلایدر ووکامرس بسازید و در صفحه ساز استفاده کنید در  آموزش وردپرس WooCommerce Product Slider با ما باشید

سلام دوستان

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

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

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

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

امکانات افزونه ووکامرس WooCommerce Product Slider

  • نصب آسان و پیکربندی آسان
  • رسپانسیو و سازگار با دستگاه های مختلف
  • قابلیت نمایش در تمامی مرورگرهای مدرن
  • سازگاری تقریبی با تمام قالب های وردپرس
  • پنل تنظیمات و امکانات سفارشی سازی
  • رنگ بندی برای اسلایدر
  • اسلایدر چرخشی با چرخش خودکار
  • اسلایدر چرخشی برای محصولات ویژه
  • اسلایدر چرخشی برای محصولات پرفروش
  • اسلایدر چرخشی برای محصولات اخیر
  • سبد خرید، دکمه های ناوبری با رنگ، حالت هاور و رنگ بندی پایه
  • و …
  • همچنین در این افزونه به 3 نوع کد کوتاه دسترسی خواهید داشت.

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

افزونه را نصب و فعال کنید.

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

Basic Settings : تنظیمات پایه، از این گزینه برای پیکربندی پایه استفاده کنید.اسلایدر محصولات ووکامرس با WooCommerce Product Slider

Auto Play : از این گزینه برای تنظیم اسلایدر، به منظور شروع خودکار پخش اسلاید استفاده کنید.

By default Auto Play is active : البته به طور پیش فرض این گزینه غیر فعال شده است.

Auto Play Timeout : اگر پخش خودکار اسلایدر را در گزینه بالاتر فعال کرده اید زمان اتمام پخش آن را تنظیم کنید.

Set autoplay Timeout : از این گزینه برای تنظیم زمان خودکار توقف پخش استفاده کنید.

Stop On Hover : اگر این گزینه را فعال کنید اسلایدر در زیر نشانگر موشی کاربر، از پخش باز می ایستد.

By default Auto Play is active : البته این گزینه به طور پیش فرض در افزونه فعال است.

Carousel Loop : از این گزینه برای تبدیل اسلاید به اسلایدرس چرخشی و مدور استفاده کنید.

Items Number – Lg Screen : از این گزینه برای تعیین تعداد محصولات در نمایشگر های عریض استفاده کنید.

Items Number – Desktop : از این گزینه برای تعیین تعداد محصولات در نمایشگر های دسکتاپ استفاده کنید.

Items Number – Tablet : از این گزینه برای تعیین تعداد محصولات در نمایشگر های تبلت ها استفاده کنید.

Items Number – Smart Phone : از این گزینه برای تعیین تعداد محصولات در نمایشگر های موبایل استفاده کنید.

Advanced Settings : تب تنظیمات پیشرفتهاسلایدر محصولات ووکامرس با WooCommerce Product Slider

Enable Dots : نقطه هایی ناوبری که به کاربر نمایش داده میشوند.

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

Navigation : تنظیمات ناوبری

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

Auto Height : تنظیمات ارتفاع و ارتفاع خودکار

Auto Height for Product Images : از این گزینه میتوانید برای اجباری کردن ارتفاع تصاویر و تنظیم ارتفاع پیش تعریف شده برای تصویر محصولاتی که تصویر نامناسب دارند استفاده کنید.

Styling Settings : تنظیمات طراحی و شکل ظاهری اسلایدراسلایدر محصولات ووکامرس با WooCommerce Product Slider

Navigation Color : در این گزینه میتوانید رنگ بندی ناوبری هایی که در بالا سمت راست اسلاید قرار می گیرد را انتخاب کنید.

Navigation background Color : در این گزینه میتوانید پس زمینه دکمه های ناوبری را تعیین کنید.

Navigation Hover Color : وقتی دکمه های ناوبری زیر نشانگر موشی کاربر باشند چه رنگی داشته باشند آن را در این گزینه تعیین کنید.

Navigation background Hover Color : در این گزینه رنگ پس زمینه دکمه ها را وقتی زیر نشانگر موشی کاربر باشد، تنظیم کنید.

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

Dots hover Color : از این گزینه برای رنگ بندی نقطه هایی که در پایین اسلایدر نمایش داده میشود در حالت زیر نشانگر موشی کاربر استفاده کنید.

Cart Button : از این گزینه برای رنگ بندی سبد خرید در اسلایدر استفاده کنید.

Add To Cart Button Color : از این گزینه برای رنگ بندی دکمه افزودن به سبد خرید روی محصول استفاده کنید.

Cart Button Hover : از این گزینه برای رنگ بندی سبد خرید وقتی که زیر نشانگر موشی کاربر است استفاده کنید.

Price Text : از این گزینه برای رنگ بندی متن قیمت محصولات در اسلایدر استفاده کنید.

Price Text Hover : از این گزینه برای رنگ بندی متن قیمت محصولات در اسلایدر وقتی زیر نشانگر  موشی کاربر است استفاده کنید.

Overlay Title : عنوان ثانویه، از این گزینه برای رنگ بندی عنوان ثانویه محصول استفاده کنید.

Overlay Title Hover : از این گزینه برای رنگ بندی عنوان ثانویه محصول وقتی زیر نشانگر  موشی کاربر است استفاده کنید.

Title Color : از این گزینه برای رنگ بندی عنوان محصول در اسلایدر استفاده کنید.

Title Hover Color : از این گزینه برای رنگ بندی عنوان محصول در اسلایدر وقتی زیر نشانگر  موشی کاربر است استفاده کنید.

سپس از کدهای زیر برای استفاده از افزونه استفاده کنید.

[products_slider]

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

[bestselling_products_slider]

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

[featured_products_slider]

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

افزونه ووکامرس WooCommerce Product Slider

  دریافت مستقیم WooCommerce Product Slider

  مشاهده مشخصات

منبع: فریش تمارائه دهنده: قالب شخصی وردپرسقالب تجاری وردپرسقالب شرکتی وردپرس

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

هنوز دیدگاهی ثبت نشده است.