آموزش ساخت گالری تصاویر پیشرفته محصولات ووکامرس (ریسپانسیو با ویدیو)
آیا گالری پیشفرض ووکامرس برای نمایش حرفهای محصولات فروشگاه شما کافی نیست؟ اگر میخواهید صفحه محصولی مدرن، جذاب و کاربرپسند شبیه فروشگاههای بزرگ داشته باشید، افزونه ساخت گالری تصاویر پیشرفته محصولات ووکامرس &#۸۲۱۱; ریسپانسیو انتخابی کاربردی و حرفهای خواهد بود.
این افزونه با ارائه یک ویجت اختصاصی برای المنتور، امکان ساخت گالری تصاویر محصول ووکامرس را با چیدمانهای متنوع، زوم حرفهای، لایتباکس، ویدیو، تصاویر بندانگشتی، پشتیبانی از محصولات متغیر و تنظیمات کامل واکنشگرا فراهم میکند. در نتیجه، کاربران میتوانند تصاویر و ویدیوهای محصول را با تجربهای بهتر مشاهده کنند و با اطمینان بیشتری خرید خود را انجام دهند.
چرا به افزونه ساخت گالری تصاویر محصولات ووکامرس نیاز داریم؟
تصاویر محصول یکی از مهمترین عوامل تصمیمگیری مشتری در فروشگاه اینترنتی هستند. وقتی کاربر نتواند رنگ، جزئیات، بافت، زاویههای مختلف یا ویدیوی محصول را بهخوبی مشاهده کند، احتمال خروج او از صفحه و کاهش نرخ تبدیل افزایش پیدا میکند.
با استفاده از افزونه گالری تصاویر محصولات ووکامرس برای المنتور میتوانید:
- ظاهر ساده گالری پیشفرض ووکامرس را ارتقا دهید.
- گالری محصول را برای موبایل، تبلت و دسکتاپ بهینه کنید.
- تصاویر محصول را بهصورت اسلایدر، شبکهای یا کاشیکاری نمایش دهید.
- قابلیت زوم روی عکس محصول و لایتباکس تمامصفحه را فعال کنید.
- ویدیوهای یوتیوب، آپارات و فایل MP۴ را در گالری محصول قرار دهید.
- گالری را با رنگ، سایز و سایر متغیرهای محصول ووکامرس هماهنگ کنید.
- صفحه محصولی مشابه فروشگاههای حرفهای و مارکتپلیسهای بزرگ طراحی کنید.
گالری ریسپانسیو ووکامرس؛ تجربهای حرفهای در موبایل
امروزه بخش بزرگی از کاربران فروشگاههای اینترنتی با تلفن همراه خرید میکنند. به همین دلیل، طراحی گالری محصول برای موبایل نباید فقط کوچکشدن نسخه دسکتاپ باشد؛ بلکه باید تجربهای مستقل، سریع و قابل لمس ارائه دهد.
افزونه گالری تصاویر پیشرفته ووکامرس با تنظیمات اختصاصی موبایل، امکان نمایش جذاب تصاویر محصولات را در صفحههای کوچک فراهم میکند.
دو حالت نمایش گالری محصول در موبایل: اسلایدر و گرید
برای نسخه موبایل میتوانید حالت نمایش تصاویر را بر اساس نوع محصول و سبک فروشگاه خود انتخاب کنید:
- نمایش اسلایدر: تصاویر محصول بهشکل اسلایدهای قابل سوایپ نمایش داده میشوند.
- نمایش گرید یا شبکهای: تصاویر بهصورت شبکهای و نزدیک به طراحی فروشگاههای بزرگ نمایش داده میشوند.
این انعطافپذیری باعث میشود برای محصولاتی مانند پوشاک، لوازم دیجیتال، دکوراسیون، زیورآلات یا محصولات چندرنگ، بهترین مدل نمایش را انتخاب کنید.
اسکرول افقی و نشانگر پیشرفت تصاویر در موبایل
یکی از جذابترین قابلیتهای این افزونه گالری ریسپانسیو ووکامرس، نمایش افقی تصاویر همراه با نشانگر پیشرفت هوشمند است.
در حالت اسکرول افقی، تصاویر در کنار هم قرار میگیرند و کاربر با کشیدن صفحه میتواند بین آنها جابهجا شود. در پایین گالری نیز یک نشانگر شناور نمایش داده میشود که اطلاعات مفیدی در اختیار مشتری قرار میدهد:
- نمایش شماره تصویر فعلی و تعداد کل تصاویر
- پشتیبانی از نمایش اعداد فارسی
- نوار پیشرفت پویا همزمان با اسکرول کاربر
- قابلیت شخصیسازی رنگ، اندازه، فاصله و گوشههای نشانگر در المنتور
این قابلیت به کاربر نشان میدهد که تصاویر بیشتری برای مشاهده وجود دارد و او را به بررسی کاملتر محصول تشویق میکند.
چیدمانهای حرفهای Bento Grid برای گالری محصولات
نمایش تصاویر محصول فقط به یک شبکه ساده محدود نیست. افزونه گالری پیشرفته ووکامرس، الگوهای متنوعی برای چیدمان تصاویر در موبایل ارائه میدهد تا گالری محصول شما ظاهر مدرنتری داشته باشد.
الگوهای چیدمان گالری موبایل
- چیدمان یکیدرمیان بزرگ: ترکیبی از تصاویر بزرگ و کوچک برای ایجاد تنوع بصری.
- فقط تصویر اول بزرگ: تمرکز بر تصویر اصلی محصول و نمایش سایر تصاویر در ابعاد کوچکتر.
- اول و آخر بزرگ: قاببندی جذاب برای تاکید بر تصاویر کلیدی محصول.
- چیدمان نامنظم Bento Grid: یک سبک طراحی مدرن و محبوب برای نمایش حرفهای و متفاوت تصاویر.
این مدلهای چیدمان برای فروشگاههایی که به طراحی صفحه محصول اهمیت میدهند، گزینهای ارزشمند هستند.
قابلیت Slider Peek؛ تشویق کاربر به دیدن تصاویر بیشتر
در حالت اسلایدر موبایل، میتوانید قابلیت Slider Peek را فعال کنید. با این ویژگی، بخشی از تصویر بعدی در کناره اسلاید فعلی دیده میشود.
نمایش بخشی از تصویر بعدی به کاربر اعلام میکند که تصاویر بیشتری وجود دارد و او را به انجام حرکت Swipe یا کشیدن گالری ترغیب میکند. این جزئیات کوچک در تجربه کاربری، میتواند میزان تعامل مخاطب با صفحه محصول را افزایش دهد.
کنترل کامل ابعاد و ارتفاع گالری محصول در موبایل
هر محصول به ابعاد نمایش یکسان نیاز ندارد. برای مثال، محصولات مد و پوشاک ممکن است با تصاویر عمودی بهتر دیده شوند؛ در حالی که لوازم دیجیتال یا لوازم خانگی اغلب با تصاویر مربعی و افقی جلوه مناسبتری دارند.
در افزونه گالری تصاویر ووکامرس میتوانید موارد زیر را تنظیم کنید:
- نسبت تصویر مربع ۱:۱
- نسبت تصویر افقی ۴:۳
- نسبت تصویر عمودی ۳:۴
- ارتفاع گالری بر اساس پیکسل
- ارتفاع واکنشگرا با واحد
vh - نمایش دکمه «مشاهده همه تصاویر» پس از تصاویر گالری
این امکانات کمک میکنند گالری محصول در تمامی دستگاهها مرتب، استاندارد و حرفهای نمایش داده شود.
گالری حرفهای محصولات ووکامرس در دسکتاپ
نسخه دسکتاپ نیز امکانات کاملی برای نمایش حرفهای تصاویر محصول در اختیار شما قرار میدهد. از کنترل محل تامنیلها گرفته تا تنظیم رفتار هاور، همهچیز برای ساخت یک صفحه محصول جذاب در المنتور آماده است.
پسزمینه هوشمند برای تصاویر محصول
در بسیاری از فروشگاهها، تصاویر محصولات دارای پسزمینههای سفید یا متفاوت هستند. این تفاوت میتواند ظاهر گالری را نامنظم نشان دهد.
قابلیت Smart Gray Background یا پسزمینه خاکستری هوشمند به شما کمک میکند فضای گالری محصول را یکدست و چشمنواز کنید. با فعالکردن این قابلیت، تصاویر از پسزمینه کلی سایت جدا میشوند و ظاهر حرفهایتری پیدا میکنند.
این سبک نمایش برای فروشگاههای دیجیتال، آرایشی، پوشاک، لوازم خانگی و محصولات لوکس بسیار کاربردی است.
مدیریت تصاویر بندانگشتی یا تامنیل در ووکامرس
تصاویر بندانگشتی نقش مهمی در دسترسی سریع کاربر به تصاویر مختلف محصول دارند. در این افزونه، میتوانید محل نمایش و رفتار تامنیلها را بهطور کامل مدیریت کنید.
امکانات تامنیل در گالری محصولات ووکامرس
- قرارگیری تامنیلها در بالا، پایین، سمت راست یا سمت چپ تصویر اصلی
- تعیین تعداد تصاویر بندانگشتی قابل نمایش
- فعالسازی اسکرول یا سوایپ برای تامنیلها
- تغییر تصویر اصلی با کلیک روی تامنیل
- تغییر تصویر اصلی با هاور موس روی تامنیلها
- نمایش افکت تارشدن روی آخرین تامنیل در صورت وجود تصاویر بیشتر
- نمایش آیکون یا متن «مشاهده بیشتر» روی آخرین تصویر بندانگشتی
این ویژگیها باعث میشوند گالری حتی در محصولاتی با تصاویر زیاد نیز مرتب و قابل استفاده باقی بماند.
افزودن ویدیو به گالری محصول ووکامرس
ویدیو محصول یکی از موثرترین ابزارها برای افزایش اعتماد مشتری و بهبود نرخ فروش است. بسیاری از کاربران قبل از خرید، تمایل دارند محصول را در شرایط واقعی، از زوایای مختلف یا هنگام استفاده مشاهده کنند.
افزونه گالری تصاویر و ویدیو محصولات ووکامرس امکان افزودن انواع ویدیو به گالری را فراهم میکند.
پشتیبانی از یوتیوب، آپارات و فایل MP۴
با این افزونه میتوانید ویدیوهای محصول را از منابع مختلف در گالری نمایش دهید:
- فایل ویدیویی MP۴
- ویدیوهای YouTube
- ویدیوهای Aparat
- تصویر کاور اختصاصی برای ویدیو
- فراخوانی لینک ویدیو با فیلدهای سفارشی یا Meta Key
- پخش خودکار ویدیو در صورت نیاز
- پخش بیصدا با قابلیت Mute
- نمایش ویدیو در لایتباکس یا پنجره پاپآپ مستقل
پشتیبانی از آپارات، این افزونه را برای فروشگاههای فارسیزبان و کسبوکارهای ایرانی به گزینهای کاربردیتر تبدیل میکند.
زوم عکس محصول و لایتباکس پیشرفته ووکامرس
یکی از ویژگیهای ضروری برای فروشگاههایی که محصولاتی با جزئیات زیاد دارند، قابلیت بزرگنمایی تصویر است. مشتری باید بتواند بافت پارچه، کیفیت متریال، رنگ واقعی، جزئیات فنی یا اجزای محصول را دقیقتر بررسی کند.
زوم روی تصویر محصول با Hover Zoom
با قابلیت Hover Zoom، کاربر دسکتاپ میتواند با قرار دادن نشانگر موس روی تصویر اصلی، نمای بزرگشده و باکیفیتتری از عکس را مشاهده کند.
این ویژگی برای محصولات زیر بسیار مفید است:
- لباس، کیف و کفش
- ساعت و زیورآلات
- محصولات آرایشی و بهداشتی
- تجهیزات دیجیتال
- قطعات صنعتی و ابزارآلات
- لوازم دکوراتیو و هنری
لایتباکس PhotoSwipe برای مشاهده تمامصفحه تصاویر
گالری پیشرفته ووکامرس از لایتباکس مبتنی بر PhotoSwipe استفاده میکند تا مشتری تصاویر را بهصورت تمامصفحه و در محیطی متمرکز مشاهده کند.
ویژگیهای لایتباکس شامل موارد زیر است:
- نمایش تمامصفحه تصاویر محصول
- پسزمینه تیره برای تمرکز بیشتر روی تصویر
- امکان جابهجایی بین تصاویر
- نمایش تامنیلها در پایین لایتباکس
- نگهداشتن تصویر فعال در مرکز بخش تامنیلها
- نمایش شماره تصویر و تعداد کل تصاویر با اعداد فارسی
- قابلیت نمایش ویدیو در گالری و لایتباکس
سازگاری با محصولات متغیر ووکامرس
در فروشگاههایی که محصول دارای رنگ، سایز، مدل یا ویژگیهای متغیر است، نمایش تصویر مرتبط با هر متغیر اهمیت زیادی دارد. برای مثال، اگر مشتری رنگ مشکی را انتخاب میکند، باید تصویر محصول مشکی را مشاهده کند؛ نه تصویر رنگ پیشفرض.
این افزونه گالری محصولات متغیر ووکامرس با انتخاب متغیرهای محصول هماهنگ میشود و تجربه خرید دقیقتری برای مشتری ایجاد میکند.
عملکرد گالری برای متغیرهای ووکامرس
- تغییر خودکار اسلاید به تصویر متغیر انتخابشده
- هماهنگی با انتخاب رنگ، مدل، سایز یا دیگر ویژگیها
- جایگزینی هوشمند تصویر در صورت نبودن عکس متغیر در گالری
- حفظ ویدیوها و ساختار اصلی گالری هنگام تغییر متغیر
- کاهش سردرگمی مشتری هنگام انتخاب گزینههای مختلف محصول
این قابلیت بهویژه برای فروشگاههای پوشاک، کفش، لوازم آرایشی، مبلمان، لوازم دیجیتال و محصولات دارای تنوع رنگی، بسیار مهم است.
شخصیسازی کامل گالری محصول در المنتور
یکی از مهمترین مزیتهای این افزونه، امکان طراحی گالری محصول بدون نیاز به کدنویسی است. تمام بخشها از طریق تبهای تنظیمات و استایل المنتور قابل مدیریت هستند.
تنظیمات استایل گالری ووکامرس
در بخش استایل میتوانید موارد زیر را تغییر دهید:
- رنگ پسزمینه گالری
- پدینگ و فاصله داخلی
- حاشیه و ضخامت Border
- گردی گوشهها یا Border Radius
- فاصله بین تصاویر و تامنیلها
- رنگ حاشیه تامنیل عادی
- رنگ تامنیل فعال
- ابعاد و محل قرارگیری نشانگر پیشرفت موبایل
- رنگ نوار پیشرفت
- میزان گردی گوشههای نشانگر
- فاصله نشانگر از پایین یا کنارههای گالری
بنابراین میتوانید گالری را کاملاً مطابق رنگ سازمانی، قالب فروشگاه و سبک طراحی سایت خود پیادهسازی کنید.
مقایسه افزونه گالری تصاویر پیشرفته ووکامرس با افزونههای مشابه
در جدول زیر، امکانات این افزونه با چند نوع رایج از افزونههای گالری و اسلایدر محصول ووکامرس مقایسه شده است.
| قابلیت | افزونه گالری تصاویر پیشرفته محصولات ووکامرس | گالری پیشفرض ووکامرس | افزونههای گالری عمومی ووکامرس | اسلایدرهای عمومی وردپرس |
|---|---|---|---|---|
| طراحی اختصاصی برای صفحه محصول ووکامرس | دارد | دارد | معمولاً دارد | محدود |
| ویجت اختصاصی برای المنتور | دارد | ندارد | در برخی افزونهها | در برخی افزونهها |
| گالری ریسپانسیو پیشرفته برای موبایل | دارد | محدود | متوسط | متوسط |
| حالت گرید و اسلایدر در موبایل | دارد | ندارد | در برخی افزونهها | معمولاً دارد |
| چیدمان Bento Grid و کاشیکاری | دارد | ندارد | معمولاً ندارد | محدود |
| اسکرول افقی تصاویر در موبایل | دارد | محدود | در برخی افزونهها | دارد |
| نشانگر پیشرفت تصاویر | دارد | ندارد | معمولاً ندارد | در برخی افزونهها |
| Slider Peek در موبایل | دارد | ندارد | محدود | در برخی افزونهها |
| زوم روی تصویر محصول | دارد | محدود | معمولاً دارد | وابسته به افزونه |
| لایتباکس پیشرفته PhotoSwipe | دارد | محدود | در برخی افزونهها | محدود |
| پشتیبانی از ویدیوی MP۴ | دارد | ندارد | در برخی افزونهها | دارد |
| پشتیبانی از YouTube و Aparat | دارد | ندارد | اغلب فقط YouTube | در برخی افزونهها |
| هماهنگی با محصولات متغیر ووکامرس | دارد | پایه | وابسته به افزونه | معمولاً ندارد |
| تغییر تصویر متغیر بهصورت هوشمند | دارد | محدود | در برخی افزونهها | ندارد |
| نمایش تامنیل با هاور یا کلیک | دارد | محدود | معمولاً دارد | محدود |
| شخصیسازی کامل در المنتور | دارد | ندارد | وابسته به افزونه | وابسته به افزونه |
| نمایش اعداد فارسی در شمارنده تصاویر | دارد | ندارد | معمولاً ندارد | معمولاً ندارد |
مزایای افزونه گالری تصاویر پیشرفته محصولات ووکامرس
استفاده از این افزونه میتواند ظاهر و عملکرد صفحه محصول را بهطور محسوسی بهبود دهد. مهمترین مزایا عبارتاند از:
- ایجاد گالری محصول مدرن و حرفهای
- بهبود تجربه کاربری در موبایل و دسکتاپ
- افزایش جذابیت بصری صفحه محصول
- امکان نمایش تصاویر و ویدیوها در یک گالری واحد
- نمایش بهتر جزئیات محصول با زوم و لایتباکس
- سازگاری با محصولات ساده و متغیر ووکامرس
- طراحی آسان با المنتور و بدون نیاز به کدنویسی
- افزایش تعامل کاربران با تصاویر محصول
- کمک به بهبود اعتماد مشتری و نرخ تبدیل فروشگاه
جمعبندی؛ یک گالری حرفهای برای فروش بیشتر در ووکامرس
افزونه گالری تصاویر پیشرفته محصولات ووکامرس &#۸۲۱۱; ریسپانسیو فقط یک اسلایدر ساده نیست؛ بلکه ابزاری کامل برای بهبود نمایش محصولات، افزایش تعامل کاربران و ساخت صفحه محصول حرفهای در وردپرس است.
از چیدمانهای مدرن موبایل و اسکرول افقی گرفته تا پشتیبانی از ویدیوهای آپارات و یوتیوب، زوم تصویر، لایتباکس، تامنیلهای هوشمند و سازگاری با محصولات متغیر، همه امکانات لازم برای ساخت یک گالری حرفهای در اختیار شما قرار میگیرد.
اگر از المنتور و ووکامرس استفاده میکنید و بهدنبال ساخت گالری محصولی جذاب، سریع و کاملاً واکنشگرا هستید، این افزونه میتواند صفحه محصولات فروشگاه شما را حرفه ای تر کند.