کارو کانتنت

زوم کردن تصاویر محصول در ووکامرس با افزونه زوم محصولات ووکامرس WooCommerce Zoom Magnifier

YITH WooCommerce Zoom Magnifier

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

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

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

افزونه ای که برای زوم تصویر می خواهیم استفاده کنیم، افزونه YITH WooCommerce Zoom Magnifier است. این افزونه در وردپرس تا کنون بیش از 90 هزار نصب فعال داشته است و امتیاز 3.5 از 5 را از کاربران دریافت کرده است.

میخوای سئو رو کامل یاد بگیری؟ عالیه! در دوره آموزش سئو، تمام آنچه که برای بهبود سئو سایت خود نیاز دارید را گفته ایم!

امکانات افزونه YITH WooCommerce Zoom Magnifier

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

YITH WooCommerce Zoom Magnifier banner

آموزش افزودن امکان زوم کردن تصویر در محصولات ووکامرس با افزونه YITH WooCommerce Zoom Magnifier

پس از نصب و فعال سازی افزونه، گزینه YITH را در پنل مدیریت وردپرس خود می بینید. در این منو گزینه Zoom Magnifier قرار دارد.

YITH WooCommerce Zoom Magnifier menu

در این منو تنظیمات افزونه را می بینید.

YITH WooCommerce Zoom Magnifier settings

البته بدون تغییر تنظیمات این افزونه نیز، امکان زوم در صفحه محصول فعال می شود. به عنوان مثال اگر الان بدون تغییر به صفحه یکی از محصولات برویم، امکان زوم روی تصویر را خواهیم دید.

YITH WooCommerce Zoom Magnifier basic example

حال برای اینکه ظاهر بهتر و عملکر بهتری این افزونه ارائه دهد، مروری بر تنظیمات مهم این افزونه می کنیم.

یکی از مواردی که ممکن است بخواهید تغییر دهید، مکان زوم عکس است. شما می توانید تصویر زوم شده را در سمت راست تصویر اصلی محصول قرار دهید یا اینکه زوم روی خود تصویر انجام شود. برای این کار به تنظیمات افزونه رفته و گزینه Zoom Box Position را پیدا کنید.

در لیست جلوی این عبارت، دو گزینه Right و Inside قرار دارد. به طور پیشفرض روی Right قرار دارد.

YITH WooCommerce Zoom Magnifier position

اگر روی Inside قرار دهید و ذخیره کنید، مانند تصویر زیر، زوم روی تصویر انجام می شود.

YITH WooCommerce Zoom Magnifier inside zoom

در سایر تنظیمات افزونه نیز مواردی مانند اندازه باکس زوم، میزان زوم، فعال یا غیرفعال کردن زوم در موبایل و … وجود دارند که در صورت نیاز می توانید این موارد را نیز تنظیم کنید.

این مطلب را هم بخوانید:  افزودن تب دلخواه به محصولات در ووکامرس با افزونه Custom Product Tabs for WooCommerce

امیدواریم این آموزش نیز برای شما مفید بوده باشد و توانسته باشیم کمکی به شما کرده باشیم. همچنین اگر می خواهید با ووکامرس بیشتر آشنا شوید و امکانات بیشتری به فروشگاه خود اضافه کنید، پیشنهاد ما دوره آموزش ووکامرس است.

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

جهت دانلود ایمیل خود را وارد کنید و دکمه را بزنید. اگر عضو سایت هستید، لطفا وارد حساب کاربری شوید تا دیگر این فرم ایمیل را نبینید.
میخوای سئو رو کامل یاد بگیری؟ عالیه! در دوره آموزش سئو، تمام آنچه که برای بهبود سئو سایت خود نیاز دارید را گفته ایم!
حتما عضو کانال یوتیوب فصل وردپرس باشید! ما در یوتیوب دوره ها و آموزش های رایگان داریم!!!
5/5 - (3 امتیاز)
مسعود جواهری

لیسانس نرم افزار و دیپلم زبان انگلیسی دارم و بیش از 10 سال است که در زمینه طراحی سایت و سئو فعالیت می کنم. صاحب سایت های فصل وردپرس، سینما مدرن و ورتکس وب هستم اما فعالیت اصلی بنده به عنوان هم بنیان گذار سایت فرالن (فعال در حوزه آموزش آنلاین زبان های خارجی) است.

ابراهیم در 27 اکتبر 2019 - 13:37 پاسخ

با سلام: من افزونه YITH WooCommerce Zoom Magnifier را در قالب انفولد نصب کردم و طبق آموزش شما پیکربندیش کردم ولی تصویر زوم نمیشه فقط برزگتر نشان داده میشه لطفا راهنمایی بفرمایید با تشکر : اسدی

    مسعود جواهری در 28 اکتبر 2019 - 12:18 پاسخ

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

شکیبا رضایی در 15 ژانویه 2021 - 18:26 پاسخ

سلام من نصبش که میکنم گالری تصاویر محصولم رو دیگه کلا نشون نمیده و فقط تصویر شاخص رو نشون میده چیکار کنم؟

    مسعود جواهری در 16 ژانویه 2021 - 12:00 پاسخ

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

      شکیبا رضایی در 16 ژانویه 2021 - 12:07 پاسخ

      هرچی افزونه زوم بود نصب کردم هرکدوم یه مشکلی داشتن واقعا نمیدونم چیکار کنم قالبم وودمارته