35% تخفیف
پکیج های المنتور پرو
تا شروع آذر ماه

طراحی صفحه محصول با المنتور

با استفاده از قابلیت ساخت قالب المنتور پرو، ساده و بصری است. این ابزار امکان سفارشی‌سازی کامل و طراحی حرفه‌ای صفحات محصول را فراهم می‌کند. طراحی صحیح صفحه محصول تأثیر زیادی در جذب کاربران و بهبود تجربه خرید مشتریان دارد. در این مقاله، نحوه ساخت صفحه نمایش محصولات ووکامرس (Single Product Page) با المنتور پرو بدون نیاز به کدنویسی آموزش داده می‌شود، که به شما کمک می‌کند تا صفحات محصولات خود را به طور کامل سفارشی کنید.

فهرست مطالب

ساخت صفحه محصول با المنتور

ابتدا وارد پیشخوان وردپرسسپس از زیر منوی المنتور>قالب و وارد پوسته‌ساز (Theme Builder) شوید.روی Add New کلیک کنید و گزینه Single Product را انتخاب کنید تا صفحه محصول جدید ایجاد شود.پس از انتخاب قالب، وارد محیط طراحی المنتور می‌شوید. در این مرحله، می‌توانید قالب صفحه محصول خود را از ابتدا طراحی کنید یا از یک قالب آماده استفاده نمایید.

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

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

طراحی صفحه محصولات ووکامرس با المنتور

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

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

تنظیم شرایط نمایش و انتشار قالب

شرایط نمایش را تنظیم کنید تا مشخص شود الگوی شما در چه محصولاتی نمایش داده شود و در آخر نیز الگو را انتشار دهید

نکات تکمیلی

  1. برای اینکه اطمینان حاصل کنید تا الگوی شما از لحاظ استاندارد های طراحی مناسب است توصیه میشود با چندین محصول مختلف پیش نمایش کنید.
  2. میتوانید از هر ویجت دیگری برای جذاب تر کردن صفحه محصول خود استفاده کنید. مثل دکمه های اشتراک گذاری، ابزارک های نمایش تصاویر، تب های آکاردئونی و…  حتی میتوانید از ضمینه های سفارشی با استفاده از محتوای پویا ویژگی های متمایزی به قالب خود اضافه کنید.
  3. ساده ترین راه برای ساخت قالب Single Product استفاده از بخش کتابخانه و الگو های آماده است اما پیشنهاد مجموعه ایران المنتور ساخت یک قالب سفارشی بر اساس نیاز و نوع محصولات خود است.
  4. المنتور بستری کاملا منعطف را برای طراحی یک صفحه نمایش محصول را مهیا میکند و این قابلیت را به شما میدهد که بدون کد نویسی و استفاده از افزونه های متعدد وردپرسی با عملکرد کاملا بصری یک قالب صفحه محصولات ووکامرسی را طراحی کنید پس میتوانید با استفاده از المنتور  و قابلیت قالب سازی ووکامرس المنتور پرو  صفحات محصول خود را سفارشی سازی و ویرایش کنید

138 پاسخ

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

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

  2. سلام
    چطور میتونم مثل دیجیکالا توی اون تب ها مثلا بخش نقد و بررسی اضافه کنم؟

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

  3. سلام وقت شما بخیر
    برای بنده در زمان ساخت قالب Single Product زمانی که عکس محصول وارد میشود فقط قسمت Thumbnails نمایش داده میشود یعنی تصاویر کوچک و جای تصویر اصلی خالی است و چیزی نماییش داده نمیشود؟!!!!
    لطفاً راهنمایی بفرمایید

    1. سلام
      آیا در صفحه محصولات خود نیز تصاویر قابل مشاهده نیستند؟ یا فقط در قالب محصولات این مشکل وجود دارد؟

  4. سلام وقت بخیر
    ممنون از آموزش عالیتون
    استاد چطور میشه دکمه دانلودی قرار داد که مثل Product data tabs عمل کنه، یعنی لینک دانلود رو بصورت اتوماتیک برای هر محصول قرار بده؟
    با توجه به اینکه توی صفحه محصولات من محصول دانلودی رو انتخاب می کنم و فایل مربوطه رو هم توی لینک فایل ها بارگذاری می کنم.

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

    2. بله توی قسمت اطلاعات محصول : دانلودی رو انتخاب کردم
      و توی قسمت فایل دانلودی: لینک محصول رو که بارگذاری کرده بودم رو قرار دادم

    3. سلام
      بله لینک اتوماتیک رو توی صفحه محصولات بارگذاری کردم

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

  5. سلام ممنون از سايت خوبتون
    يه سوال داشتم:
    من وقتي با المنتور قالب محصول تكي ميسازم اولش درون صفحه همه چي رو نشون ميده ولي وقتي خارج ميشم دوباره وارد ويرايش ميشم همه چي هيدن ميشه و عكس محصولا در لحظه ويرايش نمياد بالا فقط توي نمايش سايت بالا مياد چي كار كنم درست بشه؟
    تشكر

    1. سلام وقت بخیر
      مطمئن شوید که تمامی افزونه ها و همچنین وردپرس به آخرین نسخه آپدیت شده باشند.

  6. سلام
    من یک افزونه به نام Fancy Product Designer طراحی آنلاین محصول ، نصب کردم
    وقتی صفحه محصول رو با المنتور طراحی میکنم این ابزار افزونه اجرا نمیشه قالب سایت هم هلو المنتور گذاشتم
    یه راهنمایی کنید من کارم گیره همینه ، ممنون

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

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

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

  8. سلام
    ممنون از آموزش های خوبتون واقعا عالیه
    یک سوال داشتم
    برای اینکه به محصول انتخاب رنگ و یا قیمت متغیر بدیم به چه صورت در المنتور

    1. سلام وقت بخیر
      بزودی آموزشی در رابطه با محصولات متغیر ارائه خواهد شد

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

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

دریافت راهنمای تخصصی برای بهبود کار با المنتور
دریافت راهنمای تخصصی برای بهبود کار با المنتور