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

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

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

برخی از ویژگی های افزونه

  • نمایش تصاویر در سایز بزرگ هنگامی که شما بر روی تصویر محصول هاور نمایید
  • فعال یا غیر فعال نمودن حالت بزرگنمایی بر روی تصاویر محصول در نسخه موبایل
  • امکان اضافه شدن اسلایدر برای تصاویر گالری محصول
  • امکان تعیین اندازه تصویر زوم شده
  • و…

راهنمای کار با افزونه

پس از نصب و فعال سازی افزونه در پیشخوان وردپرس از طریق منوی YITH > Zoom magnifier وارد صفحه تنظیمات افزونه شوید :

در این صفحه دو سربرگ General و Premium Version وجود دارد که سربرگ دومی مربوط به نسخه پولی افزونه می باشد ٬ اما در سربرگ General یکسری تنظیمات وجود دارد که به ترتیب به توضیح هر یک پرداخته میشود :‌

General Settings

Activate YITH WooCommerce Zoom Magnifier: با زدن تیک این گزینه امکان زوم کردن بر روی تصاویر محصول فعال میشود.

Activate on mobile device: با زدن تیک این گزینه امکان زوم شدن تصاویر در موبایل فعال میشود.

Forced Image Size: با زدن تیک این گزینه تصاویرزوم شده به صورت خودکار سایز بندی میشوند ولی اگر تیک این گزینه را نزنید خودتان میتوانید طول و عرض تصویر بزرگ شده را تغییر دهید.(اگر در سایت شما سایز تصاویر در اندازه های مختلف هست بهتر است تیک این گزینه زده شود)

Magnifier Settings

Zoom Box Width: تغییر عرض باکس تصویر زوم شده را از این قسمت میتوانید تغییر دهید(پیشنهاد مقدار Auto میباشد)

Zoom Box Height: تغییر ارتفاع باکس تصویر زوم شده را از این قسمت میتوانید تغییر دهید(پیشنهاد مقدار Auto میباشد)

Image size: سایز تصویری که در باکس تصویر زوم شده قرار می‌گیرد را می توانید به صورت دستی تغییر دهید و اگر تیک گزینه Zoom Box Position که در پایین آورده شده است را بزنید، افزونه به صورت خودکار تصویر محصول را نسبت به سایزی که وارد نموده اید برش میزند.

Zoom Box Position: موقعیت باکس تصویر زوم شده را مشخص مینماید. اگر سایت شما فارسی میباشد گزینه inside را انتخاب نمایید.

Zoom Box Position for mobile devices: موقعیت باکس تصویر زوم شده را در نسخه موبایل مشخص مینماید.

Loading label: میتوانید هنگام بارگذاری تصاویر متنی مثل در حال بارگذاری را بنویسید.

Lens Opacity: میزان شفاقیت تصاویر را مشخص نمایید.

Blur: اگر تیک این گزینه را بزنید ٬ هنگام هاور نمودن ماوس بر روی تصویر ٬‌تصویر اصلی کمی تار یا بلور میشود ولی تصویر زوم شده کاملا شفاف است.

Slider Settings

Activate Slider: با زدن تیک این گزینه شما میتوانید تصاویر گالری زیر هر عکس را از حالت ساده به صورت اسلایدر در بیاورید.

Activate Responsive Slider: تصاویر کوچک گالری که زیر تصویر اصلی نمایش داده می‌شوند را به صورتی نمایش می‌دهد تا از تمامی فضای اسلایدر استفاده نماید ٬‌اما گاهی اوقات جهت افت کیفیت تصاویر بهتر است تیک این گزینه را بردارید.

Items: تعداد تصاویری که در هر ردیف قرار میگیرند را در این قسمت تعیین نمایید.

Circular carousel: با زدن تیک این گزینه چرخش بینهایت انجام میشود یعنی کاربر وقتی عکس ها را تا انتها میبیند مجددا به تصویر اول برمیگردد.

Infinite carousel: با زدن تیک این گزینه تصاویر به صورت نامحدود نمایش داده میشوند.

اطلاعات افزونه

  • نسخه افزونه : ۲.۲۷.۰
  • زمان آخرین به روز رسانی : ۴ ماه قبل
  • تعداد نصب فعال این افزونه در وب سایت ها : بیش از ۳۰,۰۰۰ نصب فعال
  • نسخه وردپرسی که این افزونه بر روی آن تست شده : ۶.۴.۱
  • حداقل نسخه وردپرس برای اجرای این افزونه : ۶.۲
  • نسخه PHP برای اجرای این افزونه :
در رابطه با این مطلب سوال یا نظری دارید؟ می توانید آن را در بخش دیدگاه ها ارسال کنید
مهدی خاکسار
مهدی خاکسار

متخصص وردپرس و نویسنده این مطلب

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