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

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

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

فهرست مطالب

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

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

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

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

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

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

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

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

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

نکات تکمیلی

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

138 پاسخ

  1. سلام من یه قالبی الان دارم که سایز عکس محصول داخل صفحه فروشگاهش به طور دیفالت رویه 300در700 و باید تمام محصولات رو عکسشونو به این سایز تبدیل کنم ولی من میخوام صفحه محصولات رو عکس اصلی محصولات رو سایزش رو مثلا 500در 500 بکنم برای این کار باید چیکارکنم؟؟؟

    1. سلام
      تناسب تصاویر همیشه باید رعایت بشن، اگر قراره سایزشون هم متفاوت باشه باید این تناسب حفظ بشه مثلا : 100*100 | 300*300 – 300*700 | 600*1400

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

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

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

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

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

    1. سلام
      شما یک آیدی برای بخشی که قراره اسکرول بشه تعیین کنید مثلا (testsc)، بعد لینک تصویر رو برابر #testsc قرار بدید. تا هنگام کلیک روی تصویر به بخش مورد نظر هدایت بشید

    2. نه منظورم این نبود ،
      یعنی عکسی که شما میزاری تحت عنوان کاروسل تصویر ، حالا کادر دورش جای نقطه چینو اینا مثلا مانیتور باشه (چون جایی دیدم با همین المنتور انجام داده بود )

    3. اسکرول کجا کاروسل کجا 🤔
      حالا اگر لینکی دارید بفرستید تا ببنیم منظورتون چی هست ؟

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

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

  6. سلام و خسته نباشید
    ممنون از سایت بسیار جذا و خوبتان
    وقتی proudact image رو به صفحه شخصی سازم اضافه میکنم تصویری بسیار کوچک نمایش داده میشود در حالی که اندازه عکس 512*512 پیکسل هست اما تصویر نمیایش داده شده چه در صفحه شخصی ساز المنتور و چه در سایت عکسی معادی 60*20 پیکسل میباشد

    1. سلام
      بفرمایید از چه قالبی استفاده میکنید؟

  7. سلام وقت بخیر ببخشید اسم محصول رو وقتی میکشی باری داخل صفحه باکس و تنظیماتش میاد ولی اسم محصول نمیاد

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

  8. سلام…میخام با قالب هلوالمنتور ویژگی های محصول رو ( شامل رنگ‌و سایز ) به صفحه تکی محصول اضافه کنم. باید چه طوری این کار‌رو انجام بدم؟؟

    1. سلام
      برای افزودن ویژگی ها می توانید از ابزارک information استفاده نمایید

  9. سلام ممنون از مقاله خوبتون
    فقط من یک مشکلی دارم
    اینه که صفحه single product رو ساختم ولی روی تمامی محصولات تغییرات اعمال نشده
    چی کار کنم درست بشه

    1. سلام
      احتمالا قالب شما این مسئله را پشتیبانی نمیکند.
      این مورد را توسعه دهنده قالب خود در میان بگذارید

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

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

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