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

با سلام به همراهان همیشگی وی پی نگار. در این مطلب می خواهیم افزونه ای را به شما معرفی کنیم که به کمک آن می توانید برای محصولات در ووکامرس اسلایدر ایجاد کنید. برای سایت هایی که چند منظوره می باشند و علاوه بر وجود یک سایت، فروشگاه ووکامرسی هم بکار میبرند یا اینکه وبسایت آن ها طوری ایجاد شده که می توانند ساید بار ها را بکار ببرند، بهتر است دسترسی هایی را برای مشتریان خود قرار دهند. برای مثال در صورتی که یادتان باشد در مورد ایجاد یک اسلایدر از محصولات درووکامرس مطالبی داشتیم که در یک جعبه ی مستطیلی شکل محصولات را به صورت مربعی و کوچک به همراه تصویرشان نشان می داد. در این مطلب هم می خواهیم با یک افزونه ی بسیار قدرتمند که طرفداران زیادی هم دارد آشنا شویم که به گونه ای منظم و زیبا اسلایدر کوچکی را در ساید بار یا هر جایی که امکان قرار گرفتن ابزارک ها باشد در اختیار ما قرار می دهد.
شما با این کار اطلاعات کاملی از محصولات یک دسته ی مشخص که می خواهید تاکید بیشتری بر روی آن داشته باشید را در اختیار مشتری قرار می دهید و دیگر لازم نیست مشتری همه ی فروشگاه را جستجو کند تا به محصولات برسد بلکه همان جا می تواند محصول را انتخاب کرده و به سبد خرید منتقل شود.
در این مطلب افزونه ی بسیار کاربردی برای ساخت نوعی اسلایدر برای دسته ای از محصولات مورد نظر را به شما آموزش خواهیم داد. پس در ادامه با ما همراه باشید.
افزونه WooCommerce Widget Product Slider
اولین کار باید افزونه را از لینک پایین دانلود کرده و بعد به پیشخوان وردپرس رفته و افزونه را نصب کنیم. بعد از فعال سازی افزونه با گزینه “product slider” در منوی سمت راست وردپرس مواجه خواهیم شد که خود زیر منوهایی دارد.
همانطور که در تصویر بالا مشاهده می کنید شامل چهار گزینه می باشد که همه ی آن ها را در ادامه توضیح خواهیم داد.
widget skin
این منو خود دارای تب های مختلفی می باشد که در کل به تنظیمات پوسته ی مورد نظر برای نمایش در سایت می پردازد.
Skin settings
در این تب شما می توانید افزونه را برای حالت موبایلی فعال نمایید. در واقع به حالت رسپانسیو درآورید.
Dimensions
در اینجا شما می توانید ابعاد اسلایدر را تعیین کنید.
Controls
در اینجا می توانید فلش های چپ و راست یا فعال و غیر فعال کردن اسلایدر را تعیین کنید. در صورتی که می خواهید نوع و شکل آن را عوض کنید می توانید تصویر دلخواه خود را بارگذاری کنید.
Pager
در این قسمت شما می توانید تنظیمات مربوط به برگه ای که اسلایدر قرار است در آن قرار بگیرد را انجام دهید. بک گراند، رنگ بندی، حالت ها، فونت ها و…
product name
در این بخش شما تنظیماتی را برای نمایش نام محصول در پایین تصویر انجام می دهید که می توانید مشخص کنید این نام پایین اسلایدر باشد یا در بالا و همچنین رنگ متن را تعیین نمایید.
Price
در این بخش می توانید تنظیماتی را برای نمایش قیمت محصول در زیر آن تعیین کنید. اینکه به چه رنگی نشان داده شود و فواصل آن به چه حالتی باشد. ولی در صورتی که می خواهید این قسمت غیر فعال شود دکمه ی بالا را تغییر دهید.
view product
این قسمت در مورد دکمه ی مشاهده ی محصول می باشد. در زیر اسلایدر گزینه ای با عنوان مشاهده ی این محصول وجود دارد که با کلیک بر روی آن وارد صفحه ی جزئیات محصول می شوید. البته این نوشته به صورت پیش فرض انگلیسی می باشد و شما می توانید آن را مثل تصویر بالا فارسی کنید.
view all
گزینه ی دیگری در پایین اسلایدر وجود دارد که با انتخاب آن می توانید همه ی محصولات موجود در دسته یا برچسبی که تعیین کرده اید را ببینید. این جملات به صورت پیش فرض انگلیسی می باشند ولی می توانید مثل نمونه ی بالا آن ها را فارسی کنید.
Card skin
در این قسمت که مربوط به پوسته ی سبد خرید می شود دقیقا مانند تنظیمات قبلی عمل کنید و قسمت های تعیین شده را تنظیم کنید.
سایر گزینه ها به صورت پیش فرض تنظیم شده می باشند و نیازی به تغییر در آن ها نمی باشد مگر اینکه بخواهید آن ها را تغییر دهید.
حال برای نمایش این اسلایدر در سایت به قسمت ابزارک ها رفته و ابزارک “woo products slider” را به محیط دلخواه خود منتقل کنید.
به اینصورت تنظیمات را مانند موارد موجود در ابزارک انجام دهید تا اسلایدر در سایت قرار گیرد.
همانطور که در تصویر بالا می بینید اسلایدر به صورتی که تنظیم کرده بودیم نمایش داده می شود.
در حالت کلی برای اینکه سطوح دسترسی را برای مشتریان خود ساده تر کنید می توانید روش ها ی مختلفی را داشته باشید. یکی از این روش ها قرار دادن یک اسلایدر محصولات به شیوه ای جالب و تحت نظارت دسته ی مربوطه در جایی که در دید مشتری است قرار دهید تا مشتری به سرعت به سمت آن رفته و محصول را مشاهده کند.
امیدوارم این مطلب برایتان مفید بوده باشد.
درباره سحر امیرعباسیان
کارشناس مهندسی فناوری اطلاعات ، علاقه ی زیادی به طراحی وب دارم.
نوشته های بیشتر از سحر امیرعباسیانمطالب زیر را حتما بخوانید

غیرفعال کردن حساسیت رمز عبور ووکامرس زمان خرید و ثبت نام
1.94k بازدید

افزونه و کد حذف فیلد آدرس از بخش نظرات وردپرس
2.02k بازدید

ایجاد پاپ آپ در وردپرس – افزونه Popup Builder
1.84k بازدید

نمایش رویدادها در وردپرس به صورت تایم لاین با افزونه Timeline Express
1.14k بازدید

ایجاد پروفایل کاربری در وردپرس با افزونه Profile Builder
1.28k بازدید













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