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

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

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

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

افزونه نمایش سریع محصول که قصد معرفی اونو دارم با عنوان WooCommerce Products Quick View در مخزن وردپرس به ثبت رسیده و تاکنون تونسته بیش از 1.000 نصب فعال و کسب امتیاز 2.8 را ازآن خودش بکنه که با استفاده از این افزونه میتونید اقدام به نمایش جزییات محصول بدون نیاز به رفتن مشتری به صفحه محصول اقدام کنید. برای استفاده از این افزونه کافیه روی دکمه زیر کلیک کنید تا به صفحه افزونه در مخزن وردپرس هدایت شوید، سپس با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فعال سازی افزونه در سایت خودتون بکنید.

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

• Google Fonts API: با فعال کردن این گزینه امکان استفاده از فونت‌های گوگل فراهم شده و میتونید برای دکمه نمایش سریع محصول در ووکامرس از فونت‌های گوگل استفاده کنید.
• Clean Up On Deletion: با فعال کردن این گزینه هر زمان که افزونه مشاهده سریع محصولات در ووکامرس را غیرفعال کرده و سپس از سایت خودتون پاک کنید کلیه جداولی که در دیتابیس وردپرس مربوط به این افزونه هستند پاک شده و این کار باعث بهینه سازی جداول در دیتابیس وردپرس خواهد شد.
• Quick View Feature: با استفاده از این دکمه میتونید قابلیت مشاهده سریع محصول در فروشگاه ووکامرس را فعال یا غیرفعال کنید که برای نمایش سریع محصولات ووکامرس لازمه حتما این گزینه فعال باشه.
• Quick View Content Type: با استفاده از این بخش هم میتونید امکان مشاهده سریع محصولات را در دو حالت انتخاب کنید. حالت اول به صورت پاپ آپ هستش که جزییات محصول در یک پنجره نمایش داده میشه و در حالت دوم مشخصات کامل صفحه محصول در پنجره پاپ آپ نمایش داده میشه، برای اینکه سرعت لود در مشاهده سریع محصول بالا باشه پیشنهاد می‌کنم از گزینه اول استفاده کنید.

• Show Quick View as: با استفاده از این گزینه میتونید انتخاب کنید که دکمه مشاهده سریع محصول در ووکامرس وقتی نشانگر ماوس روی محصول قرار گرفت نمایش داده بشه و یا اینکه به صورت ثابت زیر عنوان و تصویر محصول نمایش داده بشه.
• Button Show On Hover: اگر حالت هاور را انتخاب کرده باشید با مراجعه به این قسمت میتونید محل نمایش دکمه، عنوان دلخواه دکمه و رنگبندی و استایل دکمه را به دلخواه خودتون تعیین کنید. که امکان تعیین فواصل، افزودن سایه برای دکمه، افزودن رنگ هنگام هاور شدن دکمه و… نیز در اون فراهم خواهد بود.

• Pop Up Tool: با استفاده از این گزینه میتونید نوع پاپ آپ را انتخاب کنید که شامل دو حالت PrettyPhoto و ColorBox است.
• PrettyPhoto Pop Up: از این بخش هم میتونید بیشینه اندازه پنجره پاپ آپ را از بخش Pop-up Maximum Width وارد کنید و سپس از قسمت Opening & Closing Speed سرعت باز و بسته شدن پاپ آپ را بر حسب میلی ثانیه انتخاب کنید. با استفاده از Background Overlay Colour هم میتونید یک رنگ را به عنوان پس زمینه در نظر بگیرید تا در پشت پنجره پاپ آپ صفحه سایت به این شکل نمایش داده شود، درست مشابه همون چیزی که در آموزش ساخت لایت باکس تصاویر در وردپرس مشاهده کردید.

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