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

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

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

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

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

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

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

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

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

اگر تیک گزینه Enable Quick View فعال باشد، یعنی افزونه شما برای صفحات بزرگ مانند لپ‌تاپ‌ها فعال است. همچنین می‌توانید برای فعال‌سازی این افزونه برای موبایل تیک گزینه Enable Quick View on mobile را فعال کنید. اگر هر کدام از این بخش‌ها غیرفعال باشند، افزونه در صفحه فروشگاه نمایش داده نمی‌شود.

general option- تنظیمات کلی افزونه
انجام تنظیمات کلی افزونه

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

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

quick view text- نمایش سریع محصولات در ووکامرس
متن نمایش سریع محصولات

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

show quick view- نمایش متن نمایش سریع
نمایش متن نمایش سریع

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

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

برای تغییر دادن رنگ پس زمینه نمایش سریع می‌توانید از گزینه Modal Window Background Color استفاده کنید.

style option- تنظیمات مربوط به استایل
تنظیمات استایل‌دهی به دکمه نمایش سریع

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

choose color- انتخاب رنگ
انتخاب رنگ دکمه

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

  چرا باید کسب و کارمان را اینترنتی کنیم؟

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

background color- رنگ پس زمینه
تعیین رنگ پس زمینه

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

buttom color- تغییر رنگ پس زمینه
تغییر رنگ پس زمینه دکمه

و سپس تصویر دکمه خروج:

exit buttom color- تغییر رنگ دکمه خروج
تغییر رنگ دکمه خروج

اگر دقت کرده باشید هر دوی این گزینه‌ها به یک رنگ درآمده اند.

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

change hover- مشاهده سریع محصولات
تغییر رنگ در حالت نگه داشتن ماوس روی دکمه خروج

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

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

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

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

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

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

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

336,316 نفر

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

مطالب زیر را حتما بخوانید

دوره‌های آموزشی