قابلیت نمایش سریع محصولات در ووکامرس (WooCommerce Quick View) به کاربران این امکان را می‌دهد تا بدون اینکه صفحه محصول را باز کنند، نگاه سریعی به تمام محصولات داشته باشند. مشتریان می‌توانند با استفاده از دکمه قبل و بعد، بین محصولات مختلف در گردش باشند و آنها را ببینند. یکی از دغدغه‌های اصلی کسبوکارهای اینترنتی دیده شدن محصولاتشان است. دیده شدن بیشتر محصولات همچنین به افزایش فروش می‌انجامد که برای یک فروشگاه اینترنتی ضروری است. از این رو افزونه مشاهده سریع محصولات، می‌تواند به شما کمک کند که محصولات بیشتری را به مخاطب نشان دهید و کمک کنید فروش‌تان بیشتر شود.
حالا چگونه باید این کار را انجام دهیم؟ این پست قدم به قدم به شما نشان خواهند چگونه این افزونه را نصب کنید و از آن استفاده کنید.
نمایش سریع محصولات در ووکامرس
از مدیریت وردپرس به بخش افزونه‌ها و سپس افزودن بروید. حال افزونه موردنظر را از انتهای این آموزش دانلود کرده و سپس در مسیر افزونه‌ها بارگذاری فرمایید.
همچنین به خاطر داشته باشید برای استفاده از این افزونه باید حتما ووکامرس را روی وردپرس خود نصب داشته باشید.
پس از نصب افزونه، اگر به منوی تنظیمات بروید، مشاهده می‌کنید که یک آیتم جدید به نام Quick View برای شما ایجاد شده که دقیقا عملیات مشاهده سریع محصولات برعهده دارد.
اگر روی این گزینه کلیک کنید، به صفحه تنظیمات افزونه هدایت می‌شوید. در این صفحه می‌توانید فعال یا غیرفعال‌سازی افزونه، عنوان نمایش داده شده، رنگ‌ها و استایل کلی را تنظیم کنید.
فعال یا غیرفعال‌سازی نمایش سریع محصولات
اگر تیک گزینه Enable Quick View فعال باشد، یعنی افزونه شما برای صفحات بزرگ مانند لپ‌تاپ‌ها فعال است. همچنین می‌توانید برای فعال‌سازی این افزونه برای موبایل تیک گزینه Enable Quick View on mobile را فعال کنید. اگر هر کدام از این بخش‌ها غیرفعال باشند، افزونه در صفحه فروشگاه نمایش داده نمی‌شود.
تغییر عنوان نمایش
به طور پیش‌فرض خود افزونه از عبارت “Quick view” استفاده می‌کند که برای ما زیاد مطلوب نیست. برای همین گزینه Quick View Button Label در این افزونه در نظر گرفته شده که می‌توانید به راحتی متن دکمه را به نمایش سریع تغییر دهید.
من اینجا از عبارت نمایش سریع استفاده کرده‌ام. اگر شما به صفحه فروشگاه خودتان بروید، این دکمه را در کنار دکمه افزودن به سبد خرید مشاهده می‌کنید.
به این ترتیب می‌توانید عنوان دکمه نمایش سریع محصولات در ووکامرس را سفارشی‌سازی کنید. حالا می‌خواهیم استایل کلی را تنظیم کنیم.
تنظیم استایل کلی افزونه
برای تغییر دادن رنگ پس زمینه نمایش سریع می‌توانید از گزینه Modal Window Background Color استفاده کنید.
اگر روی باکس گزینش رنگ کلیک کنید، پنلی برای شما نمایش داده می‌شود که می‌توانید هر رنگی را انتخاب کنید.
به طور پیش‌فرض رنگ سفید برای این پس زمینه استفاده می‌شود، اما ما می‌خواهیم رنگ دلخواه خودمان را برای پس زمینه نمایش سریع محصولات در ووکامرس انتخاب کنیم. من در اینجا رنگ بنفش را انتخاب می‌کنم.
حالا اگر روی save change در پایین سمت چپ صفحه کلیک کنم. تغییرات من ذخیره می‌شود. حالا به صفحه فروشگاه باز می‌گردم تا تغییرات را مشاهده کنم.
اگر روی گزینه “نمایش سریع” که خودم آن را تنظیم کرده‌ام، کلیک کنم، می‌بینید که پس زمینه به رنگ بنفش درآمده است.
همچنین اگر بخواهم رنگ دکمه “نمایش سریع” را تغییر دهم می‌توانم از گزینه Closing Button Color استفاده کنم. توجه کنید که اگر رنگ این گزینه را تغییر دهم، علاوه بر رنگ دکمه “نمایش سریع”، ضربدر خروج بالای صفحه هم به همین رنگ تغییر می‌کند. من رنگ زرد را انتخاب کردم تا بتوانیم تغییرات را به خوبی مشاهده کنید. نخست تصویر دکمه:
و سپس تصویر دکمه خروج:
اگر دقت کرده باشید هر دوی این گزینه‌ها به یک رنگ درآمده اند.
وقتی که روی دکمه خروج قرار می‌گیریم رنگ پس زمینه آن آبی می‌شود! شاید برای‌تان جالب باشد که می‌توانید این رنگ را هم تغییر دهید. اگر گزینه Closing Button Hover Background Color را سفارشی‌سازی کنیم، در واقع هنگامی که موس روی دکمه خروج از صفحه قرار می‌گیرد، پس زمینه دکمه به این رنگ تغییر می‌کند. من در اینجا رنگ سبز را انتخاب می‌کنم تا کنتراست خوبی داشته باشد.
در تصویر بالا مشخص است که وقتی موس را روی دکمه خروج قرار داده‌ام، پس زمینه به رنگ دلخواه من تغییر کرده است. بی نظیر است!
اینگونه می‌توانید استایل دکمه نمایش سریع محصولات در ووکامرس را برای خودتان شخصی‌سازی کنید و از محیطی که درست کرده‌اید، بیشتر لذت ببرید.
ویژگی‌های افزونه مشاهده سریع محصولات
- اضافه کردن یک دکمه در نمایش محصول، جهت باز کردن یک پنجره مودال به همراه خلاصه محصول با استفاده از امکان ایجکس.
- تصویر، عنوان، قیمت، تعداد و دکمه افزودن به سبد خرید به صورت پاپ‌آپ قابل نمایش است.
- امکان غیرفعال کردن Quick Veiw بر روی موبایل.
- ایجاد برچسب برای دکمه مشاهده سریع (Quick View).
- استفاده آسان
- سازگار با توسعه‌دهنده و سفارشی کردن آسان
- دارای سبک سفارشی‌سازی مودال
آیا از امکان نمایش سریع استفاده می‌کنید؟
به نظر شما این امکان تا چه حد به درد فروشگاه اینترنتی می‌خورد؟ به نظر من که خیلی فایده دارد! فروشگاه اینترنتی به هر شکلی که باشد، حالت‌های پیچیده‌ای نسبت به سایر وبسایت‌ها دارد پس چه بهتر که ما با امکاناتی بتوانید آن را ساده‌تر در اختیار مشتریان قرار دهیم. غیر از این است که نظر ما رسیدن مشتری به محصول است؟ پس کار را ساده کنید و با کمک مشاهده سریع محصولات، سطح دسترسی را آسان سازید.
