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

ابزارک ایجاد اسلایدر محصولات در ووکامرس

سلام دوستان؛

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

افزونه WooCommerce Widget Product Slider

woo widget hamyarwp

به پیشخوان وردپرس رفته و افزونه را نصب می کنیم. پس از فعال سازی افزونه با گزینه “product slider” در منوی سمت راست وردپرس مواجه خواهیم شد که خود زیر منوهایی دارد.

product slider hamyarwp

همانطور که در تصویر بالا ملاحظه می کنید دارای چهار گزینه می باشد که به بررسی هر یک می پردازیم…

widget skin

این منو خود دارای تب های متعددی است که در کل به تنظیمات پوسته ی مورد نظر برای نمایش در سایت می پردازد.

Skin settings

skin setting hamyarwp

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

Dimensions

dimensions hamyarwp

در اینجا شما می توانید ابعاد اسلایدر را مشخص کنید.

Controls

controls hamyarwp

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

Pager

pager hamyarwp

در این بخش شما می توانید تنظیمات مربوط به برگه ای که اسلایدر قرار است درون آن قرار بگیرد را انجام دهید. بک گراند، رنگ بندی، حالت ها، فونت ها و…

product name

product name hamyarwp

در این قسمت شما تنظیماتی را جهت نمایش نام محصول در پایین تصویر انجام می دهید که می توانید تعیین کنید این نام پایین اسلایدر باشد یا در بالا و همچنین رنگ متن را معین کنید.

Price

price hamyarwp

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

view product

view product hamyarwp

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

view all

view all hamyarwp

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

Card skin

card skin hamyarwp

در این بخش که مربوط به پوسته ی سبد خرید می شود دقیقا مانند تنظیمات قبلی عمل کنید و بخش های مشخص شده را تنظیم نمایید.

سایر گزینه ها به صورت پیش فرض تنظیم شده می باشند و احتیاجی به تغییر در آن ها نیست مگر اینکه تمایل به تغییر آن ها داشته باشید.

حال برای نمایش این اسلایدر در سایت به بخش ابزارک ها مراجعه کرده و ابزارک “woo products slider” را به محیط دلخواه خود انتقال دهید.

widget slider hamyarwp

به اینصورت تنظیمات را مانند موارد موجود در ابزارک انجام دهید تا اسلایدر در سایت قرار گیرد.

product slider display hamyarwp

همانطور که در تصویر بالا مشاهده می کنید اسلایدر به صورتی که تنظیم کرده بودیم به نمایش گذاشته شد.

جمع بندی!

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

دانلود افزونه WooCommerce Widget Product Slider

دانلود   صفحه افزونه

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 6 سال عضو همیار وردپرس

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

    • 11 سال عضو همیار وردپرس

      سلام
      اول تنظیمات را مجدد مطابق با آموزش بررسی کنید سپس افزونه های دیگه رو غیرفعال کنید نتیجه رو ببینید.

  2. آقا من نصب کردم ولی میگه باید لایسنس بخرم 🙁 چیکار باید بکنم بدون لایسنس نمیشه ؟
    اصلا نشون نمیده

    • 11 سال عضو همیار وردپرس

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

    • 11 سال عضو همیار وردپرس

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

  3. سلام.میخواستم بدونم چه افزونه ای وجود داره برای نمایش آخرین اخبار در بالای صفحه سایت بصورت روان؟ و یا به صورت تایپ؟ مانند این سایت