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

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
طراحی صفحه محصول ووکامرس

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

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

در این مقاله قصد داریم تا با استفاده از قالب سبک Hello Elementor و افزونه المنتور پرو صفحه محصول تکی را طراحی کنیم.

برای شروع طراحی به 2 افزونه نیاز داریم :

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

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

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

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

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

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

معرفی ویجت های ووکامرس در المنتور

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

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

مسیر پیشمایش ووکامرس – در این ویجت مسیر سایت (breadcrumb) و محلی که کاربر در آن صفحه قرار دارد را نمایش میدهد

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

موجودی محصول – نمایش تعداد موجودی محصول در انبار

متا محصول – نمایش دسته بندی و جزئیات محصول

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

پرفروش ها – نمایش پرفروش ترین محصولات سایت

تصاویر محصول – نمایش تصویر اصلی محصول به همراه تصاویر گالری

قیمت محصول – نمایش داینامیکی قیمت محصول

توضیح کوتاه – نمایش توضیحات کوتاه هر محصول

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

افزودن به  سبد خرید – اضافه کردن دکمه اضافه به سبد به همراه نمایش تعداد انتخاب

ارزیابی محصول – نمایش تب نظرات و بررسی محصول

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

افزودن به سبد خرید سفارشی – افزودن دکمه اضافه به سبد برای یک محصول خاص و قرار دادن در هر صفحه ای مانند پاپ آپ

برگه های سفارشی – نمایش برگه های پرداخت، تسویه حساب، پیگیری سفارش و حساب من

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

منو سبد خرید – نمایش منو سبد خرید برای قرا دادن در سربرگ سایت

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

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

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

در انتخاب گزینه دسته ها می توانید صفحه طراحی شده را فقط برای همان دسته نمایش دهید.

به این صورت میتوانید برای محصولات با دسته و برچسب های مختلف طراحی مختلفی داشته باشید.

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

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

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

Avatar
محمدرضا حریفی در 15:29

سلام
برای بخش معرفی محصولات
ووکامروس استفاده کردم که خودش کاتالوگ محصول داره

برای ویرایش

WooCommerce Page Builder For Elementor
نصب کردم

ولی قالب اجازه ویرایش نمیده

این پیام میده

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

اگه افزونه دیگه ای هست

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

از قسمت افزودن قالب تکی محصول میزنم باز هم دسترسی ویرایش محصول به المنتور نمیده
به محض اینکه قالب تکی محصول میزنم اتوماتیک عکس و عنوان پیش فرض قبلی میاد و تغییر نمیکنه

با تشکر

پاسخ
alireza yusefi
alireza yusefi در 14:08

چجوری میتونیم ویژگی هایی مثل رنگ و گارانتی و … رو نشون بدیم ؟؟؟
من نگاه کردم راهی نداشت

پاسخ
المنتور فارسی
المنتور فارسی در 20:07

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

پاسخ
alireza yusefi
alireza yusefi در 09:28

ممنون ولی منظورم این هست که میشه موقع خرید کاربر رنگ و نوع گارانتی و …رو انتخاب کنه ، مثل دیجی کالا ؟

پاسخ
المنتور فارسی
المنتور فارسی در 11:02

می تونید با استفاده از افزونه Briefcase WP محصول متغییر هم اجرا کنید.

پاسخ
Mohsen Eghbali
Mohsen Eghbali در 17:14

سلام.ایا امکان ایجاد محصولات متغیر با المنتور وجود داره؟

پاسخ
Avatar
امید در 15:11

ممنون خیلی مفید بود

پاسخ
Avatar
ذاکری در 01:54

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

پاسخ
المنتور فارسی
المنتور فارسی در 12:14

با سلام
برای اینکه بتونید برای هر محصول متغییرات رو اعمال کنید، باید از فیلد های داینامیک المنتور استفاده کنید. برای نمایش اطلاعات اضافی هم باید فیلد سفارشی توسط افزونه ACF ایجاد کنید.

پاسخ
Avatar
پوریا در 17:13

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

پاسخ
المنتور فارسی
المنتور فارسی در 17:47

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

پاسخ
Avatar
عیسی در 16:37

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

پاسخ
المنتور فارسی
المنتور فارسی در 16:51

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

پاسخ
Avatar
سهیل کریمی در 07:07

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

پاسخ
المنتور فارسی
المنتور فارسی در 08:05

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

پاسخ

نظرات ارزشمند خود را به اشتراک بگذارید

نیاز به کمک دارید؟ پیام دهید