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

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

بروز رسانی در تاریخ ۱۳۹۴/۱۲/۰۶

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

سلام دوستان؛

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

افزونه YITH WooCommerce Zoom Magnifier

yith zoom plugin hamyarwp

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

zoom magnifier hamyarwp

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

General Settings

general setting hamyarwp

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

Magnifier Settings

magnifier setting hamyarwp

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

slider setting hamyarwp

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

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

zoom image hamyarwp

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

جمع بندی!

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

متشکرم که تا انتهای این آموزش با ما همراه بودید!

دانلود افزونه YITH WooCommerce Zoom Magnifier

دانلود   صفحه افزونه

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

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

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

۲۳۰,۰۳۲ نفر

پاسخ دهید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید شاخص

  1. برای EDD افزونه ای وجود داره که بروی روی محصولات زوم کن اون هم در صفحه اول سایت؟

  2. سلام موقعیت تصویر محصول من سمت راست هستش،نمیشه کاری کرد که محصول رو سمت چپ زوم کنه نشون بده؟چون وقتی سمت راست زوم میکنه بیرون از صفحه میوفته

  3. سلام
    آیا این افزونه تصویر جدیدی در هاست درست میکنه یا همون تصویرو روش زوم میکنه؟

  4. سلام منم میخوام این باکی زوم که باز میشه سمت چپ تصویرم باز بشه ولی هرچی توی css هاش هم دستکاری کردم نشد.
    آقای رحیمی شما که گفتین آدرس بدیم مشکلمونو بررسی میکنید. بچه ها آدرس دادن چیزی نگفتین
    اینم آدرس منه اگه ممکنه راهنماییمون کنید

    ممنون

    • 4 سال عضو همیار وردپرس

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

    • سلام
      میشه بگید مشکل رو چطور حل کردن!
      اخه منم این مشکل رو دارم
      ممنون

  5. 1 سال عضو همیار وردپرس

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

  6. 2 سال عضو همیار وردپرس

    سلام ممنون از آموزشتون
    این پلاگین عکس محصولات سایتمو همینجوری بزرگ میکنه میشه بگید چی رو باید تغییر بدم؟
    ببینید:
    http://microsoftme.ir/product/microsoft-lumia-650/

  7. با سلام من میخوام هنگامی که روی عکس های پایین در محصول شاخص میزنم جای تصویر شاخص رو بگیره ایا شدنیه؟ قالب من هم صحیفه هست.لینک زیر رو ببینید:
    http://farsheshik.ir/product/%D8%B3%D8%AC%D8%A7%D8%AF%D9%87-500%D8%B4%D8%A7%D9%86%D9%87-0-%D8%A2%DA%A9%D8%B1%D9%84%DB%8C%DA%A9-%DA%A9%D8%AF-5009/

    • 4 سال عضو همیار وردپرس

      سلام
      من متوجه منظور شما نمیشم

    • به این لینک برینhttp://miladcamera.ir/?camera=canon-eos-5ds-r-body-digital-camera می خوام عکس هام اینطوری نمایش داده بشه قالبم صحیفاست و از ووکامرس استفاده می کنم ایا شدنیه

  8. اگر بخوام عکسام توی یه باکس جدید باز بشه چه کار باید بکنم ؟

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

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین