زیبایی یک فروشگاه تقریبا مهمترین ویژگی آن است، تا کنون فروشگاه های زیبایی را در اینترنت دیده اید اما اولین عنصری که آن را در فروشگاه مشاهده میکنید اسلاید های بالای صفحه است اسلایدر محصولات ووکامرس ، معمولا فروشگاه های اینترنتی کاربران را از محصولات ویژه خود در بخش اسلایدر سایت مطلب میکنند، اگر شما نیز مایل به استفاده از این ویژگی جذاب در سایت خود هستید بدانید که در این مطلب نمایش محصولات ووکامرس به صورت اسلاید را به شما آموزش خواهم داد.
افزونه نمایش محصولات ووکامرس به صورت اسلاید
همانطور که خودتان میدانید از ابتدا اسلایدر ها در دنیای وب بازخورد بسیار خوبی داشته اند یکی از بهترین مسائل در مورد وردپرس آن است که برای انجام کار های جالب مانند استفاده از اسلایدر نیازی به کدنویسی نیست و کافیست تا از یک افزونه ووکامرس کاربردی استفاده کنید، افزونه WooCommerce Product Slider یکی از بهترین افزونه های اسلایدر برای محصولات ووکامرس است. با آموزش ووکامرس اسلایدر محصولات ووکامرس همراه باشید تا یک قابلیت کاربر پسند به سایت اضافه کنیم
ویژگی های افزونه:
- کاملا ریسپانسیو
- راحت بودن پیکربندی افزونه
- استفاده از برگه ها با استفاده از شورت کد
- دارای سئو کاملا بهینه
- دارای کد پی اچ پی برای استفاده در هر مکانی از قالب سایت
- دارای ابزارک بسیار مناسب
- و…
کافیست افزونه WooCommerce Product Slider را نصب و فعالسازی کنید، مشاهده خواهید کرد که پس از فعالسازی بخشی با عنوان “WooCommerce product slider” اضافه شده استبا کلیک بر روی آن وارد بخش تنظیمات افزونه خواهید شد.
تب General
- Show featured image: نمایش تصویر به صورت برجسته
- Show direction arrows: نمایش فلش در دو طرف اسلایدر برای تغییر اسلاید ها
- Show read more text: متن “ادامه مطلب”
- Show title: نمایش عنوان محصول
- Show excerpt: نمایش محصولات به صورت گزیده ای
- Show price: نمایش قیمت محصولات
- Show add to cart button: نمایش دکمه افزودن به سبد خرید
- Show pagination: نمایش صفحه بندی محصولات
- Featured image size: نحوه نمایش سایز تصویر داخل اسلایدر
- Auto scroll: حرکت اسلایدر به صورت اتوماتیک
- Circular: نمایش اسلاید ها به صورت دایره ای
- Excerpt length: طول خلاصه متن اسلاید ها
- Read more text: متن “ادامه مطلب”
- Categories/Terms: دسته محصولاتی که میخواید در اسلاید ها نمایش دهید
- Number of posts: تعداد پست های قابل نمایش در اسلایدر
- Posts order: ترتیب نمایش اسلاید ها، به صورت رندم و…
- Posts orderby: مبنای ترتیب پست ها که بهتر است بر روی حالت پیشفرض خود یعنی id بماند
- Transition effect: افکت انتقال بین اسلاید ها
- Timeout between elements: زمان حرکت اسلاید ها
- Infinite: تعداد محصولات بی نهایت باشد
- Align the items in Slider: محل قرار گیری آیتم ها در اسلایدر
- General width of items: عرض آیتم های اسلایدر
- General height of items: طول آیتم های اسلایدر
- Pick text in excerpt field: استفاده از خلاصه متن محصول در اسلایدر
- Touch Swipe: استفاده از حالت لمسی
- CSS3 Transtitions: استفاده از باکس تنظیمات سفارشی سازی CSS
- Direction to scroll the carousel: حرکت اسلایدر به کدام سمت باشد
- Direction arrows colour: رنگ فلش های کنار اسلایدر
- Direction arrows background colour: رنگ پس زمینه فلش های اسلایدر
- Direction arrows hover colour: یا نگه داشتن ماوس روی فلش ها به چه رنگی در آیند
- Size of direction arrows: سایز فلش ها
- Default image URL: با استفاده از این گزینه میتوانید کاربر را پس از کلیک بر روی اسلاید به آدرس مورد نظر خود هدایت کنید.
- Custom styles: تنظیمات سفارشی سازی CSS
پس از ورود اطلاعات تنظیمات را ذخیره سازی کنید.
تب Advanced
در بخش تنظیمات پیشرفته بهتر است کاری با تنظیمات زمان بارگذاری تصاویر، حالت لود شدن اسلاید ها نداشته باشید. شما میتوانید اسلایدر را به سه صورت استفاده کنید:
۱- با استفاده از شورت کد ها:
[wa-wps]
۲- قرار دادن اسلایدر در مکان مورد نظر خود در قالب که با استفاده از کد php ممکن است:
<?php echo do_shortcode('[wa-wps]'); ?>
۳- استفاده از اسلایدر با استفاده از ابزارک
با استفاده از روش های بالا میتوانید به سادگی از اسلایدر در قالب خود استفاده کنید، با استفاده از این اسلایدر شما میتوانید ظاهری بسیار زیبا را به فروشگاه اینترنتی خود اضافه کنید.
