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

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

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

فهرست مطالب

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

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

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

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

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

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

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

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

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

نکات تکمیلی

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

138 پاسخ

  1. سلام و وفت بخیر

    من میخواستم سبد خریدم رو با افزونه های المنتور بسازم اما وقتی رسیدم به دکمه ی افزودن به سبد خرید، به مشکل خوردم!

    ببینید من میخوام برای سایتم، که دوره های نرم افزاری رو به فروش میرسونه، دکمه ی افزودن به سبد خرید یا ثبت نام رو جوری طراحی کنم که وقتی مخاطب، دوره رو خریداری کرد، متن این دکمه تغییر کنه!

    آیا راهی هست که با المنتور این کار رو انجام داد؟

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

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

  2. سلام
    ممنون میشم آموش گذاشتن ویژگی متغییر محصول رو هم بزارید که خریدار تو صفحه محصول رنگ چیزی که میخواد یا چیزای دیگه شو انتخاب کنه

    1. سلام وقت بخیر
      متاسفانه هنوز المنتور روش بهینه ای برای نمایش محصولات متغیر مشخص نکرده است. 🙁

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

    1. سلام
      بخوام کلی بهتون پاسخ بدم میتونید از افزونه wpDiscuz استفاده کنید که خیلی از نیازهای شما را در زمینه کامنت گذاری برطرف می کند

  4. سلام ببخشید من در قسمت افزدن قالب گزینه single product را ندارم.میشه بفرمایید مشکل چیه؟

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

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

    1. سلام
      از مسیر پیشخوان ، قالب ها ، themeBuilder (قالب ساز) ، تب Single Product (قالب تکی محصول) قالب خود را حدف نمایید.

  6. سلام و خسته نباشید . سئوالی دارم اگر پاسخ بدید ممنون میشم . بنده در سایتم 3 دسته محصول متفاوت دارم . قالبی طراحی کردم تحت عنوان (تمامی محصولات) که نوع قالب (product archives) است و شرط آن را هم (all product archives) تنظیم کرده ام …
    در قسمت برگه ها ، برگه جدیدی تحت عنوان (تمامی محصولات) ایجاد کرده و از قسمت قالبهای من ، قالب طراحی شده (تمامی محصولات) را درج میکنم که در این صورت تمامی محصولات نشان داده میشوند .
    حال برای اینکه فقط محصولات دسته اول نمایش داده شود ، برگه جدیدی تحت عنوان (محصول اول) ایجاد میکنم .. ذخیره پیش نویس .. و سپس نامک مربوطه را تنظیم کرده و ویرایش با المنتور را کلیک میکنم … و از قسمت قالبهای من ، قالب طراحی شده (تمامی محصولات) را درج میکنم و برای اینکه فقط محصولات اول نمایش داده شود ، در قسمت include by و نیز term را تنظیم کرده و دکمه بروز رسانی را میزنم .. برگه پیغام تایید میدهید و منتشر میشود
    اما مشکل از اینجا شروع میشود .. هنگامیکه صفحه را ریفرش میکنم و در قسمت برگه ها ، بروی برگه (محصول اول) رفته و دکمه ویرایش با المنتور را میزنم پیغام خطای معروف the post content widget was not found in your template را میدهد !!

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

    1. سلام وقت شما بخیر
      خود شما پاسخ را دادید:)
      اما توجه کنید که برای نمایش دسته بندی ها و یا کل محصولات سایت شما نباید به صورت پیشفرض یک برگه ایجاد کنید. پس از ایجاد دسته بندی، وردپرس برای هر دسته محصول یک صفحه ایجاد میکند که قالب Archive برای طراحی صفحات دسته ها می باشد.
      آموزش زیر می تواند به شما کمک کند
      https://iranelementor.com/create-template-archive-for-jetengine/

  7. سلام. وقت بخیر. ببینید من سایتم رو اوردم روی لوکال. با single product کاملا صفحه ی محصول رو اوکی کردم و برای همه ی محصولات تنظیم کردم. الان وقتی هر محصول رو میخوام ویرایش با المنتور بزنم، فقط تب “محتوای محصول” قابلیت ویرایش داره، و بقیه تبها قابل ویرایش نیستند. چون به هر حال هر محصول باید به طور جداگانه هم دیرایش بشه تبهاش. باید چیکار کنم؟ ممنون

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

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

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

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

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

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

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

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

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