اینجایید :

جلســـه 22

مدت زمان:

08:57 دقیقه

مدرس:

محمد رحیمی

به همراه:

+ فایل‌های پروژه

کاربران گرامی:

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

آموزش ساخت گالری تصاویر محصول ووکامرس با المنتور

دوره آموزش طراحی سایت شبیه دیجی کالا با المنتور

دوره آموزش طراحی سایت شبیه دیجی کالا با المنتور

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

ویژگی های دوره طراحی سایت فروشگاهی :

فهرست مطالب

آیا می‌خواهید ظاهر فروشگاه آنلاین خود را با یک گالری تصاویر محصول ووکامرس جذاب و سفارشی‌سازی‌شده ارتقا دهید؟ استفاده از یک گالری تصاویر پویا و زیبا، کلید افزایش تعامل کاربران و در نهایت، بهبود فروش محصولات شماست. در این مقاله جامع، به شما نحوه ساخت گالری تصاویر محصول ووکامرس با المنتور را به صورت گام به گام آموزش می‌دهیم تا بتوانید با استفاده از ابزار قدرتمند المنتور، به سادگی یک گالری حرفه‌ای برای محصولات خود ایجاد کنید.

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

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

سفارشی‌سازی گالری تصاویر محصول ووکامرس با المنتور به شما کنترل کامل بر ظاهر و چیدمان بصری محصولاتتان را می‌دهد. این ابزار به شما اجازه می‌دهد تا با استفاده از ویژگی‌های قدرتمند المنتور، تجربه‌ی کاربری بهتری را برای مشتریان خود فراهم کنید.

گالری تصاویر محصول ووکامرس

گالری پیش‌فرض ووکامرس عملکرد مناسبی دارد، اما گزینه‌های محدودی برای شخصی‌سازی ارائه می‌دهد. با افزودن گالری به محصول ووکامرس از طریق المنتور، شما می‌توانید استایل، اندازه، تعداد تصاویر و حتی افکت‌های انیمیشنی آن را تغییر دهید. این کار نه تنها ظاهر سایت شما را حرفه‌ای‌تر می‌کند، بلکه به مشتریان کمک می‌کند تا از زوایای مختلف، محصول را بررسی کرده و تصمیم بهتری برای خرید بگیرند. یک گالری سفارشی، نرخ تبدیل (Conversion Rate) شما را به شدت بهبود می‌بخشد.

مراحل گام به گام ساخت گالری تصاویر محصول ووکامرس با المنتور مشابه دیجی کالا

برای ساخت گالری تصاویر محصول ووکامرس با المنتور، شما به افزونه‌های ووکامرس (WooCommerce) و المنتور پرو (Elementor Pro) نیاز دارید. المنتور پرو ابزارهای مورد نیاز برای طراحی صفحات فروشگاهی را به صورت کامل در اختیار شما قرار می‌دهد.

گام ۱: فعال‌سازی المنتور برای صفحات محصول

در ابتدا، باید المنتور را برای ویرایش صفحات محصول فعال کنید.

  1. از پیشخوان وردپرس، به بخش المنتور > تنظیمات > مدیریت دسترسی بروید.
  2. مطمئن شوید که گزینه “محصولات” در لیست انواع نوشته فعال است.
  3. سپس به بخش المنتور > تنظیمات > پیشرفته بروید و گزینه “حالت فلکس‌باکس” را فعال کنید. این حالت، ابزارهای طراحی جدیدتری را در اختیار شما قرار می‌دهد.

گام ۲: ایجاد یک قالب محصول جدید در المنتور

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

  1. به قالب‌ها > قالب‌ساز بروید و روی افزودن جدید کلیک کنید.
  2. نوع قالب را “صفحه محصول” انتخاب کنید و یک نام مناسب (مانند “قالب محصول”) به آن بدهید.
  3. روی “ساخت قالب” کلیک کنید تا وارد محیط ویرایش المنتور شوید.

گام ۳: استفاده از ویجت گالری تصاویر محصول ووکامرس

حالا وقت آن است که گالری تصاویر را به صفحه محصول خود اضافه کنید. در پنل ویجت‌های المنتور، به دنبال ویجت گالری محصول ووکامرس یا “تصاویر محصول” بگردید.

  1. ویجت “گالری تصاویر محصول” را با کشیدن و رها کردن (Drag and Drop) به محل مورد نظر در صفحه اضافه کنید. این ویجت به صورت خودکار، تصاویر گالری محصول را از تنظیمات ووکامرس شما دریافت و نمایش می‌دهد.
  2. در تنظیمات ویجت، می‌توانید چیدمان گالری را به حالت‌های مختلفی مانند اسلایدر، گالری یا شبکه (Grid) تغییر دهید. هر کدام از این چیدمان‌ها، تجربه بصری متفاوتی را برای کاربران ایجاد می‌کنند.

گام ۴: سفارشی‌سازی و استایل‌دهی به گالری تصاویر

با استفاده از المنتور، می‌توانید به سادگی ظاهر گالری را شخصی‌سازی کنید.

  • بخش محتوا (Content): در اینجا می‌توانید تنظیمات پایه‌ای مانند تعداد ستون‌ها (Columns)، حالت اسلایدر (Slider Options) و نمایش یا عدم نمایش عنوان را کنترل کنید.
  • بخش استایل (Style): این بخش برای استایل‌دهی گالری تصاویر محصول است. شما می‌توانید فاصله بین تصاویر (Space Between)، حاشیه (Border)، شعاع مرز (Border Radius) و حتی رنگ‌ها را تغییر دهید.
  • بخش پیشرفته (Advanced): این بخش امکاناتی مانند اضافه کردن افکت‌های حرکتی (Motion Effects)، حاشیه‌های داخلی و خارجی (Padding and Margin)، و کلاس‌های CSS سفارشی را فراهم می‌کند.

گام ۵: اضافه کردن گالری ویدیو و تصاویر داینامیک

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

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

نکته مهم: افزودن تصاویر به گالری در ووکامرس

فراموش نکنید که برای نمایش تصاویر در گالری، ابتدا باید آنها را به محصول خود در ووکامرس اضافه کنید.

  1. به صفحه ویرایش محصول در پیشخوان وردپرس بروید.
  2. در پایین بخش “تصویر محصول”، قسمتی با عنوان “گالری محصول” وجود دارد.
  3. روی “افزودن تصاویر گالری محصول” کلیک کنید و تصاویر مورد نظر خود را از کتابخانه رسانه انتخاب یا آپلود کنید.

نتیجه‌گیری: گالری تصاویر حرفه‌ای با المنتور در چند دقیقه

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

اگر به دنبال راهنمایی‌های بیشتری برای بهبود فروشگاه آنلاین خود هستید، به بخش “راهنمای کامل” ما سر بزنید و همین حالا شروع به سفارشی‌سازی صفحه محصول خود کنید!

کاربران گرامی:

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Supportورود به مرکز پشتیبانی میهن‌تم
راهنمای نصب المان‌های آماده المنتور

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

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

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

  1. استفاده از المنتور و افزونه‌های مربوطه الزامی است.
    نصب تنها در صورتی امکان‌پذیر است که شما از افزونه المنتور پرو یا سایر افزونه‌های موردنیاز المان‌ها که در توضیحات محصول ذکر شده‌اند، استفاده کرده باشید.

  2. ارسال اطلاعات دسترسی.
    پس از خرید، لازم است اطلاعات ورود به وردپرس و هاست خود را از طریق بخش پشتیبانی ارسال نمایید تا تیم ما بتواند نصب را انجام دهد.

  3. هاست مناسب.
    هاست شما باید از نظر سرعت و پشتیبانی استانداردهای لازم را داشته باشد. در صورتی که کیفیت هاست مناسب نباشد، امکان نصب وجود نخواهد داشت و نیاز است هاست را بهینه کنید.

  4. نصب شامل تغییرات سفارشی نمی‌شود.
    این سرویس صرفاً برای نصب اولیه المان‌های آماده است و شامل تنظیمات سفارشی یا تغییرات در طراحی سایت نمی‌باشد.

  5. پشتیبانی پس از نصب.
    در صورت بروز مشکل پس از نصب، می‌توانید از خدمات پشتیبانی ما استفاده کنید. مشکلاتی که ناشی از استفاده صحیح المان‌ها باشد، به‌صورت رایگان بررسی خواهد شد.

قالب های وردپرس