اضافه کردن امکان زوم تصاویر در محصولات ووکامرسReviewed by صابر بوستانی on Dec 22Rating: 3.5
اضافه کردن امکان زوم تصاویر در محصولات ووکامرس

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

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

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

افزونه YITH WooCommerce Zoom Magnifier

1

افزونه ی مذکور را در پیشخوان وردپرس و در مسیر افزونه ها نصب و سپس آن را فعال می کنیم. در هنگام نصب متوجه خواهید شد که افزونه ی بسیار سبکی است و به راحتی نصب می شود. گزینه ی “Yith plugin” را در منوی سمت راست وردپرس مشاهده می کنید با نگه داشتن ماوس بر روی آن نام افزونه ظاهر می شود. برای تنظیم کردن آن بر روی نام افزونه کلیک کنید.

zoom-magnifier-hamyarwp

زمانی که بر روی گزینه ی “zoom magnifier” کلیک می کنیم وارد بخش تنظیمات افزونه می شویم که شامل دو تب اصلی و پرمیوم است. ما با تب اصلی کار داریم.

General Settings

3

Activate YITH WooCommerce Zoom Magnifier: با فعال کردن این گزینه به افزونه اجازه ی فعالیت می دهید.
Activate on mobile device: در صورتی که می خواهید این امکان یعنی بزرگنمایی در گوشی تلفن های همراه نیز فعال شود می توانید این گزینه را تیک بزنید.
Forced Image Size: تصاویر را در اندازه های واقعی خود به حالت بزرگنمایی ببرد.

 

Magnifier Settings

4

Zoom Box Width: مقدار بزرگنمایی را در طول تصویر مشخص می کند. بهتر است بر روی همین حالت auto قرار گیرد.
Zoom Box Height: مقدار بزرگنمایی را در عرض تصویر مشخص می کند. بهتر است بر روی همین حالت auto قرار گیرد.
Image size: اندازه ی کلی تصویر به صورت بزرگنمایی شده را می توانید تعیین کنید. تا چه اندازه بزرگ شود.
Zoom Box Position: موقعیت قرارگیری باکسی که تصویر زوم شده در آن قرار می گیرد را می توان تعیین کرد.
Zoom Box Position for mobile devices: موقعیت قرارگیری باکسی که تصویر زوم شده در آن قرار میگیرد در دستگاه های موبایل مشخص می کند.
Loading label: برچسب بارگذاری زمانی که سرعت سایت یا اینترنت کد می شود، با این نوشته رو به رو خواهید شد.
Lens Opacity: می توانید مقدار کیفیت تصویر در هنگام زوم شدن را که بین دو عدد ۰ تا ۱ است مشخص کنید. اما کیفیت تصویر بیشتر بستگی به خود تصویری دارد که شما انتخاب می کنید.
Blur: در صورتی که می خواهید خاصیت بلور به تصویر بدهید می توانید این گزینه را

Slider Settings

5

این بخش هم مربوط به تنظیماتی است که برای اسلایدر در نظر می گیرد. در صورت تمایل می توانید آن را مشخص کنید.

حال تنظیمات را ذخیره کنید. حال می توان به بخش تصاویر رفت و تصاویر را ملاحظه کرد…

6

همانطور که مشاهده حالت زوم شده ی تصویر در سمت راست مشخص شده است.