نمایش سریع محصولات در ووکامرس با WooCommerce Quick View

نمایش سریع محصولات در ووکامرس نمایش سریع محصولات در ووکامرس

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

نمایش سریع محصولات در ووکامرس

افزونه WooCommerce Quick View توسط همیار وردپرس فارسی شده است و شما عزیزان می‌توانید آن را از انتهای این آموزش دانلود کرده و سپس آن را از قسمت پیشخوان وردپرس منوی افزونه‌ها بارگذاری کنید.

نکته: اگر بعد از نصب افزونه دیدن که منوی تنظیمات آن فارسی نشده است، باید در هاست خود وارد مسیر

wp-content/plugins/woo-quick-view/lang

شوید و فایل‌های زبان آن افزونه که نام‌های woo-quick-view-fa_IR.mo و woo-quick-view-fa_IR.mo می‌باشند را در مسیر

wp-content/languages/plugins

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

پس از نصب افزونه، اگر به منوی تنظیمات بروید، مشاهده می‌کنید که یک آیتم جدید به نام Quick View برای شما ایجاد شده که دقیقا عملیات مشاهده سریع محصولات برعهده دارد.

woocommerce Quick view-نمایش سریع محصولات در ووکامرس
ورود به صفحه تنظیمات افزونه

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

فعال یا غیرفعال‌سازی نمایش سریع محصولات

اگر تیک گزینه “فعال کردن نمایش سریع” فعال باشد، یعنی افزونه شما برای صفحات بزرگ مانند لپ‌تاپ‌ها فعال است. همچنین می‌توانید برای فعال‌سازی این افزونه برای موبایل تیک گزینه “فعال کردن نمایش سریع در موبایل” را فعال کنید. اگر هر کدام از این بخش‌ها غیرفعال باشند، افزونه در صفحه فروشگاه نمایش داده نمی‌شود.

Enable woocommerce Quick view-نمایش سریع محصولات در ووکامرس
فعال کردن نمایش سریع

تغییر عنوان نمایش

به طور پیش‌فرض خود افزونه از عبارت “Quick view” استفاده می‌کند که برای ما زیاد مطلوب نیست. برای همین گزینه “متن دکمه نمایش سریع” در این افزونه در نظر گرفته شده که می‌توانید به راحتی متن دکمه را به نمایش سریع تغییر دهید.

Quick view lable-نمایش سریع محصولات در ووکامرس
نام دکمه نمایش سبد خرید

در اینجا از عبارت نمایش سریع استفاده کرده‌ایم. اگر شما به صفحه فروشگاه خودتان بروید، این دکمه را در زیر دکمه افزودن به سبد خرید مشاهده می‌کنید. البته این مساله بستگی به برنامه نویسی قالب شما دارد و در بعضی مواقع کنار دکمه سبر خرید هم نشان داده می‌شود.

Quick view buttom-نمایش سریع محصولات در ووکامرس
دکمه نمایش سریع

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

تنظیم استایل کلی افزونه

برای تغییر دادن رنگ پس زمینه نمایش سریع می‌توانید از گزینه “رنگ پس زمینه پنجره معیین” استفاده کنید.

Quick View background color
رنگ پس زمینه باکس نمایش سریع

اگر روی باکس گزینش رنگ کلیک کنید، پنلی برای شما نمایش داده می‌شود که می‌توانید هر رنگی را انتخاب کنید.

choose color for quick view background
انتخاب رنگ جعبه نمایش سریع

به طور پیش‌فرض رنگ سفید برای این پس زمینه استفاده می‌شود، اما ما می‌خواهیم رنگ دلخواه خودمان را برای پس زمینه نمایش سریع محصولات در ووکامرس انتخاب کنیم.
حالا اگر روی save change در پایین سمت چپ صفحه کلیک کنم. تغییرات من ذخیره می‌شود. حالا به صفحه فروشگاه باز می‌گردم تا تغییرات را مشاهده کنم.

final result in quick view
نتیجه نهایی

همچنین اگر بخواهم رنگ دکمه “نمایش سریع” را تغییر دهم می‌توانم از گزینه “رنگ دکمه بستن” استفاده کنم. توجه کنید که اگر رنگ این گزینه را تغییر دهم، علاوه بر رنگ دکمه “نمایش سریع”، ضربدر خروج بالای صفحه هم به همین رنگ تغییر می‌کند. ما رنگ زرد را انتخاب کردیم تا بتوانید تغییرات را به خوبی مشاهده کنید.

وقتی که روی دکمه خروج قرار می‌گیریم رنگ پس زمینه آن آبی می‌شود! شاید برای‌تان جالب باشد که می‌توانید این رنگ را هم تغییر دهید. اگر گزینه “رنگ پس‌زمینه هاور موس دکمه بستن” را سفارشی‌سازی کنیم، در واقع هنگامی که موس روی دکمه خروج از صفحه قرار می‌گیرد، پس زمینه دکمه به این رنگ تغییر می‌کند. من در اینجا رنگ سبز را انتخاب می‌کنم تا کنتراست خوبی داشته باشد.

Closing Button Hover Background Color
رنگ پس‌زمینه هاور موس دکمه بستن

در تصویر بالا مشخص است که وقتی موس را روی دکمه خروج قرار داده‌ام، پس زمینه به رنگ دلخواه من تغییر کرده است. بی نظیر است!
اینگونه می‌توانید استایل دکمه نمایش سریع محصولات در ووکامرس را برای خودتان شخصی‌سازی کنید و از محیطی که درست کرده‌اید، بیشتر لذت ببرید.

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

  • اضافه کردن یک دکمه در نمایش محصول، جهت باز کردن یک پنجره مودال به همراه خلاصه محصول با استفاده از امکان ایجکس.
  • تصویر، عنوان، قیمت، تعداد و دکمه افزودن به سبد خرید به صورت پاپ‌آپ قابل نمایش است.
  • امکان غیرفعال کردن Quick Veiw‌ بر روی موبایل.
  • ایجاد برچسب برای دکمه مشاهده سریع (Quick View).
  • استفاده آسان
  • سازگار با توسعه‌دهنده و سفارشی کردن آسان
  • دارای سبک سفارشی‌سازی مودال

آیا از امکان نمایش سریع استفاده می‌کنید؟

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

دانلود افزونه WooCommerce Quick View

دانلود افزونه WooCommerce Quick View صفحه افزونه
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

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

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

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

    ممنون
    آسیا همایش
    hamayesh.asia/

  2. 5 سال عضو همیار وردپرس

    سلام، چطوری میتونم تو ووکامرس واسه حداقل یا حداکثر سفارش مقدار تعیین کنم؟
    ممنون میشم اگه راهنمایی کنید

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

      سلام این مقاله را مطالعه کنید
      https://hamyarwp.com/yith-woocommerce-minimum-maximum-quantity/

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

      ممنونم از توجه و راهنماییتون، این افزونه که معرفی کردید تو کل سبد خرید محدودیت ایجاد میکنه ولی من میخوام واسه یه محصول خاص تو تعداد سفارش محدودیت ایجاد کنه، همچین افزونه ای وحود داره؟

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

      در نسخه پرمیوم این افزونه در دسترس شما قرار میگیره