در این آموزش قصد دارم تا ساخت صفحه تکی محصول ووکامرس با المنتور رو برای شما آموزش بدم و شما هم براحتی بتوانید یک صفحه تکی زیبا برای نمایش محصولات ووکامرس طراحی کنید بدون اینکه حتی یک کلمه کدنویسی انجام بدید و فقط با کشیدن و رها کردن موس، درسته جای نگرانی نیست و بسیار کار آسانی است و در هنگام طراحی صفحه مشاهده میکنید که این کار چقدر با المنتور لذت بخشه و نیازی به هیچ قالب وردپرسی نخواهید داشت.
قالب های فروشگاهی وردپرس که شما برای فروشگاه ووکامرس خودتون نصب میکنید دارای استایل های ثابتی هستند و تمامی محصولات و محصولات تکی رو با یک استایل که برنامه نویسی شده است نمایش می دهد و شما اگر بخواهید نحوه نمایش محصولات و یا یک صفحه تکی طراحی کنید باید کدنویسی انجام بدید که این هم برای هر کاربری میسر نیست و باید با همان استایل پیشفرض سر کنید.
در این آموزش نیاز به هیچ پیشنیازی ندارید و فقط به 2 تا افزونه و یکی قالب وردپرس رایگان نیاز دارید :
پس این افزونه ها رو میتونید نصب کنید و در ادامه آموزش با ما همراه باشید …
طراحی صفحه تکی محصول ووکامرس با المنتور
در این مرحله به پیشخوان وردپرس برید و از تب قالب ها، افزودن جدید رو بزنید. در پنجره باز شده نوع قالب را روی محصول تک قرار بدید. یک نام برای این قالب انتخاب کرده و دکمه ایجاد قالب را بزنید. (همانند تصویر زیر پیش برید)
بعد از اینکه بر روی دکمه ایجاد قالب کلیک کردید، المنتور به کتابخانه آماده تمپلیت ها متصل میشود و شما هم اگر وقت کافی برای طراحی صفحه تکی محصول سفارشی ندارید میتوانید یکی از این نمونه های آماده رو انتخاب کنید و اگر هم میخواهید سفارشی سازی کنید، میتوانید بر روی دکمه “ضربدر” در سمت چپ بالا کلیک کنید تا با صفحه خامی مواجه شوید.
آشنایی به ابزارک های طراحی صفحه تکی محصول ووکامرس
ابزارک هایی که المنتور برای ساخت صفحه تکی ووکامرس به شرح زیر است و میتوانید از تمامی ابزارک های المنتور هم برای زیبایی استفاده کنید.
- مسیر پیشمایش ووکامرس – در این ابزارک مسیر سایت (breadcrumb) و محلی که کاربر در آن صفحه قرار دارد را نمایش میدهد. یعنی هر مسیری که کاربر طی کرده تا رسیده به محصول رو نمایش میده و حتما این مورد رو قرار بدید هم برای تجربه کاربری و هم برای سئو
- عنوان محصول – از نامش هم پیداست که برای نمایش عنوان محصول به کار میره.
- موجودی محصول – تعداد محصول موجود در انبار رو نشون میده
- متا محصول – جزئیات محصول اعم از تاریخ، نویسنده و… نشون میده.
- محصولات مرتبط – نمایش محصولات مرتبط با یک محصول ووکامرس که انتخاب کرده اید به صورت لیستی یا به صورت گرید بندی شده
- پرفروش ها – پرفروش ترین و محبوب ترین محصولات سایت رو نشون میده
- تصاویر محصول – تصویر اصلی و همچنین گالری محصول رو نشون میده
- قیمت محصول – نیاز به توضیح نداره چون قیمت محصول رو نشون میده!
- توضیح کوتاه – توضیحاتی کوتاه در رابطه با محصول رو نمایش میده که در ویرایشگر هر محصول میتوانید وارد کنید.
- محصولات – نمایش محصولات از دسته های مختلف : آخرین محصولات – پرفروش ترین ها – برجسته ها یا انتخاب دستی با امکان انتخاب از دسته بندی خاص
- افزودن به سبد خرید – اضافه کردن دکمه اضافه به سبد به همراه نمایش تعداد انتخاب
- ارزیابی محصول – نمایش تب نظرات و بررسی محصول
- توضیحات اضافی – اضافه کردن دکمه اطلاعات بیشتر در صفحه محصول
- افزودن به سبد خرید سفارشی – افزودن دکمه اضافه به سبد برای یک محصول خاص و قرار دادن در هر صفحه ای مانند پاپ آپ
- برگه های سفارشی – نمایش برگه های پرداخت، تسویه حساب، پیگیری سفارش و حساب من
- دسته بندی محصولات – نمایش دسته بندی محصولات با امکان فیلتر کردن
- منو سبد خرید – نمایش منو سبد خرید برای قرا دادن در سربرگ سایت
افزودن صفحه تکی محصول به عنوان صفحه تکی پیشفرض
پس از اینکه صفحه تکی محصول ووکامرس رو با ابزارک های بالا طراحی کردید و کامل شد باید بر روی دکمه انتشار کلیک کنید تا با صفحه تنظیمات انتشار مواجه شوید و در این صفحه باید شرایط نمایش رو مشخص کنید.
برای نمایش صفحه طراحی شده در صفحه محصول تکی باید روی گزینه محصولات قرار دهید گزینه های قابل انتخاب دیگر شامل : دسته ها، برچسب و بر اساس نویسنده محصول می باشد.
در انتخاب گزینه دسته ها می توانید صفحه طراحی شده را فقط برای همان دسته نمایش دهید. (یعنی براحتی میتوانید برای هر دسته بندی یک قالب دلخواه ایجاد کنید که از عجایب افزونه المنتور محسوب میشه!)
به این صورت میتوانید برای محصولات با دسته و برچسب های مختلف طراحی مختلفی داشته باشید.
البته شرایط دیگری هم وجود دارد که میتوانید مثلا این صفحه تکی محصول رو روی تمامی محصولات بجز یکی قرار بدید. پس شرایط زیادی وجود دارد که با آزمون و خطا میتوانید با تمامی این شرایط آشنا بشید.
در آخر می توانید با زدن دکمه ذخیره و بستن صفحه طراحی شده را جایگزین صفحه پیش فرض قالب کنید.
۱۷ دیدگاه دربارهٔ «ساخت صفحه تکی محصول ووکامرس با المنتور + فیلم آموزشی;
سلام
این مورد فیلم نداره ولی در عنوان در شده فیلم وجود داره؟
سلام
ویدئوی موزشی توی این هفته قرار خواهد گرفت
سلام .
در single product وقتی از المان محصولات مرتبط استفاده میکنم محصولاتی رو که توی ووکامرس به عنوان محصولات مرتبط مشخص کردم رو نمیاره یک سری محصولات تصادفی رو میاره
چه جوری این مشکلو حل کنم؟
سلام
طبق آموزش جلو میرم وقتی قالب رو انتخاب میکنم بارگذاری نمیشه ،
علامت بارگذاری میاد و کلی منتظر میشم ولی وارد نمیشه همش در حال لود است.
من میخوام صفحه محصول رو شخصی سازی کنم وبه سلیقه خودم طراحی کنم آموژشی در این مورد لطفا بزارید .
با تشکر
سلام دوست عزیز
بارگذاری نشدن المنتور و یا ابزارک ها مربوط به تداخل افزونه ای میباشد و با یک افزونه تداخل دارد.
با همین آموزش شما صفحه تکی محصول رو ویرایش میکنید و میتوانید طبق سلیقه خودتون طراحی و پیاده سازی کنید.
فیلم کجاست پس ؟
متاسفانه فعلا قرار داده نشده
بزودی در هفته آینده قرار داده میشه
سلام ببخشید این قالب های اماده لود نمیشن میره که به کتابخانه المنتور وصل شه ولی خطا میده چطور میشه مشکل رو برطرف کرد
سلام دوست عزیز
اگه نسخه رایگان رو از آیلین وب دانلود کردید، این نسخه نمیتونه به کتابخانه وصل بشه و حتما باید نسخه لایسنس دار رو خریداری کنید که توی سایت هست.
سلام و درود
عالی بود آموزش تون
یه سوال:
چطوری میشه ویجت product data tab سفارشی کرد و به جای توضیحات بلند و نظرات از چند تب دیگر و دلخواه استفاده کرد؟ (مثلا تب اول: توضیحات —— تب دوم: مشخصات فنی)
با تشکر
برای این مورد فزونه وجود داره و میتونید براحتی از افزونه ها رایگان برای این مورد استفاده کنید، مثلا میتونید سرچ کنید add new tab for single product in woo
سال ۹۸ گفتین یه هفته دیگه فیلم قرار میگیره ولی کو!!!
خوب شد اطلاع دادید
تا فردا حتما قرار میگیره
صفحه رو تا فردا چک کنید
سلام میشه فایل آموزشی را قرار بدید؟
سلام دوست عزیز
بله حتما قرار داده میشه
سلام . از ۲۰۱۹ گفتید فیلم آموزشی رو میذارید. الان ۲۰۲۱ هست! با تشکر
سلام دوست عزیز
فیلم آموزشی قرار داده شد