المنتور در نسخه های جدید توجه ویژه ای به سفارشی سازی بخش های مختلف ووکامرس داشته است. در گذشته امکان سفارشی سازی صفحه محصول و آرشیو بود ولی حالا در بروزرسانی های انجام شده، صفحات حساب کاربری، تسویه حساب، سبد خرید و … قابل طراحی می باشد.
در این آموزش قصد داریم یکی از صفحات مهم ووکامرس که بسیاری از کاربران هم به آن نیاز دارند را طراحی کنیم. ساخت صفحه حساب کاربری با المنتور در ووکامرس با استفاده از افزونه المنتور پرو
افزونه های مورد نیاز این آموزش:
طراحی حساب کاربری ووکامرس در المنتور پرو
بعد از نصب و فعال سازی افزونه های المنتور و ووکامرس، به بخش برگه ها رفته و ویرایش برگه حساب کاربری من که به صورت پیش فرض، توسط ووکامرس ایجاد می شود را کلیک کنید. سپس دکمه ویرایش با المنتور را زده تا وارد ویرایشگر المنتور شوید.
ویجت حساب من
در حالت پیش فرض، شورت کد حساب کاربری ووکامرس در صفحه قرار دارد (تصویر بالا). ویجت را حذف کرده و ویجت حساب من افزونه المنتور پرو را در صفحه قرار دهید.
بعد از قرار دادن ویجت حساب من در صفحه، روی آن کلیک کرده تا سفارشی سازی کنیم.
در بخش اول امکان ویرایش طرح بندی تب های حساب کاربری به صورت عمودی و افقی را دارید. اگر در حالت عمودی قرار دهید، تب ها سمت راست قرار گرفته و اگر به صورت افقی قرار دهید، تب ها بالای محتوا قرار میگیرند.
همچنین در ادامه می توانید نام هر یک از تب ها را تغییر داده و به دلخواه بنویسید. در این قسمت تنظیمات دیگری نداشته و برای سفارشی سازی ظاهری، باید به تب استایل بروید.
سفارشی سازی حساب کاربری ووکامرس
در تب استایل ویجت حساب من، 5 قسمت برای سفارسی سازی وجود دارد.
زبانه ها
در این قسمت امکان ویرایش تب های حساب کاربری را دارید. رنگ تب ها در حالت هاور و فعال، تغییر فونت و … را می توانید ویرایش کنید.
بخش ها
در این قسمت بخش محتوایی هر تب را می توانید سفارشی سازی کنید. تنظیم رنگ پس زمینه، ایجاد کادر حاشیه و پدینگ
تایپوگرافی
در این قسمت تایپوگرافی بخش های مختلف مانند عنوان ها، متن پیشخوان و … قابل سفارسی سازی است.
فرم ها
همانطور که از نام این بخش پیداست، فیلد فرم های حساب کاربری را ویرایش می کند. می توانید بر روی تب جزئیات حساب کلیک کرده تا پیش نمایش این بخش را مشاهده کنید.
جزئیات سفارش
در این قسمت می توانید استایل جزئیات سفارش را ویرایش کنید. برای مشاهده این بخش، کافیه به تب سفارشات رفته و در قسمت عملیات، روی دکمه مشاهده کلیک کنید.
توجه: اگر سفارشی در این قسمت موجود نبود، به صورت آزمایشی یک سفارش ایجاد کرده تا در پیش نمایش قرار گیرد.
تعریف صفحه حساب کاربری در ووکامرس
اگر به هر دلیلی صفحه حساب کاربری در ووکامرس ایجاد نشده بود، می توانید از قسمت برگه ها، یک برگه ایجاد کرده و صفحه حساب کاربری را طراحی کنید. سپس مراحل زیر را انجام داده تا به عنوان صفحه حساب کاربری ووکامرس تعریف شود.
در ویرایشگر المنتور، سمت راست منو را زده و گزینه تنظیمات سایت را انتخاب کنید. سپس در انتهای پنل، گزینه المان های ووکامرس را بزنید.
در قسمت حساب من، برگه ای که ایجاد کردید را جستجو کرده و ذخیره کنید.
به این صورت صفحه ایجاد شده، به عوان صفحه حساب کاربری در ووکامرس تعریف میشود.
امیدواریم که از این آموزش هم به خوبی استفاده کرده باشید. اگر مشکلی در طراحی صفحه حساب کاربری داشتید، از بخش نظرات با ما در میان بگذارید.
10 پاسخ
سلام وقت بخیر
وقتی توی قسمت ویرایشم زیر مجموعه همه المان هارو میاره ولی وقتی پیش نمایش میزنم روی هرکدوم که کلیک میکنم دوباره پیشخوان حساب رو نشون میده ، مشکل کجاست میشه راهنمایی کنین
با سلام
برای این مورد لطفا در بخش حساب کاربری، یک تیکت باز کرده و اطلاعات سایت را ارسال کنید تا بررسی کنیم.
سلام خدمت شما. چطوری از دکمه یا لینک حساب کاربری توی هدر المنتور استفاده کنیم؟
با سلام
متوجه نشدم، منظور از دکمه حساب کاربری چی هست؟
با سلام و تشکر از آموزش ها و مطالب مفیدتون
من المنتور پرو رو نصب کردم اما قسمت المان های المنتور لود نمیشود و در حال لود مانده است، چند راه مختلف رو باتوجه به راحل هایی که در گوگل گفته شده بود رفتم اما درست نشد در نهایت نسخه قدیمی تر از المنتور پرو رو نصب کردم مدتی خوب بود و امروز دوباره قسمت المان های المنتور در حال لود مانده
ممنون میشم راهنماییم کنید
من با قالب hello المنتور سایتم رو طراحی کردم ولی در صفحه حساب کاربری این اطلاعات نمایش داده نمیشه در حالی که در هنگام ویرایش توسط المنتور هست اما بعد از ذخیره صفحه و مشاهده آن نمایش داده نمیشه
ممنون بابت آموزش، ولی اگه بخوایم جزییات دیگه‌ای رو نمایش بدیم چیکار باید کرد؟
مثلا بخشی رو بذاریم که توش مجددا یه ویجت اختصاصی باشه.
فرضا یه فرم نظرسنجی که با گرویتی ایجاد شده
یا جدولی که از یه سورس دیگه داره دیتا نشون میده یا هر محتوای دیگه…
چطور میتونیم به برگه‌های پیش‌فرض ووکامرس همچین بخشایی اضافه کرد؟
با سلام
توسط این روش تنها گزینه هایی که خود المنتور پرو در اختیار تون قرار داده امکان سفارشی سازی هست.
سلام ببخشید یه عکس 4k از اسمان بزاریم پس زمینه همین صفحه حساب کاربری،جلف نمیشه؟
اگه توی عکس کفتر و قمری نباشه نه! چرا جلف بشه