افزونه نمایش سریع محصولات در ووکامرس با WooCommerce Quick View
امروزه فروشگاههای اینترنتی ووکامرسی پیشرفتهای متعددی داشتهاند و توسط آن میتوان امکانات بی نظیری را در اختیار مشتری قرار داد. یکی از این امکانات نمایش سریع محصولات در ووکامرس میباشد که به کاربران این امکان را میدهد تا بدون اینکه صفحه محصول را باز کنند، نگاه سریعی به تمام محصولات داشته باشند. مشتریان میتوانند با استفاده از دکمه قبل و بعد، بین محصولات مختلف در گردش باشند و آنها را مشاهده کنند. یکی از دغدغههای اصلی کسب وکارهای اینترنتی دیده شدن محصولاتشان است. دیده شدن بیشتر محصولات همچنین به افزایش فروش کمک بسیاری می کند که برای یک فروشگاه اینترنتی ضروری است. از این رو افزونه مشاهده سریع محصولات، میتواند به شما کمک کند که محصولات بیشتری را به مخاطب نشان دهید و کمک کنید فروشتان بیشتر شود.
با تم آف همراه باشید تا قدم قدم به آموزش افزونه مشاهده سریع محصولات بپردازیم….
نمایش سریع محصولات در افزونه ووکامرس
پس از نصب افزونه، اگر به منوی تنظیمات بروید، مشاهده میکنید که یک آیتم جدید به نام Quick View برای شما ایجاد شده که دقیقا عملیات مشاهده سریع محصولات انجام می دهد.
اگر روی این گزینه کلیک کنید، وارد صفحه تنظیمات افزونه میشوید. در این صفحه میتوانید فعال یا غیرفعالسازی افزونه، عنوان نمایش داده شده، رنگها و استایل کلی را تنظیم کنید.
فعال یا غیرفعالسازی نمایش سریع محصولات
اگر تیک گزینه “فعال کردن نمایش سریع” فعال باشد، یعنی افزونه شما برای صفحات بزرگ مانند لپتاپها فعال است. همچنین میتوانید برای فعالسازی این افزونه برای موبایل تیک گزینه “فعال کردن نمایش سریع در موبایل” را فعال کنید. اگر هر کدام از این بخشها غیرفعال باشند، افزونه در صفحه فروشگاه نمایش داده نمیشود.
تغییر عنوان پیش فرض برای نمایش سریع
به طور پیشفرض افزونه از کلمه “Quick view” استفاده میکند. برای همین گزینه “متن دکمه نمایش سریع” در این افزونه در نظر گرفته شده که میتوانید به راحتی متن دکمه را به نمایش سریع تغییر دهید.
مادر در اینجا از عبارت نمایش سریع استفاده کردهایم. که شما هر نوع عبارت دیگر را میتوانید اضافه کنید اگر شما به صفحه فروشگاه خودتان بروید، این دکمه را در زیر دکمه افزودن به سبد خرید مشاهده میکنید. البته این مساله بستگی به برنامه نویسی قالب شما دارد و در بعضی مواقع کنار دکمه سبر خرید هم نشان داده میشود.
به این ترتیب میتوانید عنوان دکمه نمایش سریع محصولات در ووکامرس را سفارشیسازی کنید. حالا میخواهیم استایل کلی را تنظیم کنیم.
تنظیم استایل کلی افزونه
برای تغییر دادن رنگ پس زمینه نمایش سریع میتوانید از گزینه “رنگ پس زمینه پنجره معیین” استفاده کنید.
همچنین اگر بخواهم رنگ دکمه “نمایش سریع” را عوض کنیم از گزینه “رنگ دکمه بستن” استفاده کنم. توجه کنید که اگر رنگ این گزینه را تغییر دهم، علاوه بر رنگ دکمه “نمایش سریع”، ضربدر خروج بالای صفحه هم به همین رنگ تغییر میکند. ما رنگ زرد را انتخاب کردیم تا بتوانید تغییرات را به خوبی مشاهده کنید.
وقتی که روی دکمه خروج قرار میگیریم (hover) رنگ پس زمینه آن آبی میشود! شاید برایتان جالب باشد که میتوانید این رنگ را هم تغییر دهید. اگر گزینه “رنگ پسزمینه هاور موس دکمه بستن” را سفارشیسازی کنیم، در واقع هنگامی که موس روی دکمه خروج از صفحه قرار میگیرد، پس زمینه دکمه به این رنگ تغییر میکند. من در اینجا رنگ سبز را انتخاب میکنم تا کنتراست خوبی داشته باشد.
ویژگیها و امکانات افزونه مشاهده سریع محصولات ووکامرس
اضافه کردن یک دکمه در نمایش محصول، جهت باز کردن یک پنجره مودال به همراه خلاصه محصول با استفاده از امکان ایجکس.
تصویر، عنوان، قیمت، تعداد و دکمه افزودن به سبد خرید به صورت پاپآپ قابل نمایش است.
امکان غیرفعال کردن Quick Veiw بر روی موبایل.
ایجاد برچسب برای دکمه مشاهده سریع (Quick View).
سازگار با توسعهدهنده و سفارشی کردن آسان
دارای سبک سفارشیسازی مودال
دانلود افزونه WooCommerce Quick View
ممنون از آموزش خوبتون (: