تخفیف پکیج‌های
المنتوربی‌نهایت تا


500 تومان
از شروع پاییز
تا جشن مهرگان

15 مهرماه

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

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

در این مقاله میخواهیم با نحوه ساخت صفحه نمایش محصولات ( woocommerce single product page) آشنا شویم. با فراگیری این آموزش میتوانید با المنتور پرو و بدون نیاز به کد نویسی خاصی صفحه نمایش محصولات ووکامرسی خود را توسعه دهید و سفارشی سازی کنید.

آنچه در این مطلب می خوانید

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

1. انتخاب و ایجاد قالب صفحه محصول

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

از منوی پیشخوان وردپرس در بخش قالب ها گزینه ی افزودن جدید را انتخاب کنید. بعد با صفحه ای که در تصویر زیر ملاحظه میفرمایید مواجه میشوید. نوع الگوی خود را بر روی Single Product و نامی برای صفحه محصول خود درج کنید و در نهایت نیز با با انتخاب گزینه Create Template وارد صفحه طراحی شوید

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

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

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

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

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

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

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

نکات تکمیلی

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

گروه تعامل با کاربران فعال المنتور

ID: ir_elementor

پرسشی دارید؟ پاسختان را خواهیم داد ...

138 پاسخ

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

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

  2. سلام وقت بخیر
    مشکلی که برای من پیش اومده اینه که صفحه رو طراحی میکنم ولی هدر و فوتر به هدر و فوتر مابقی صفحات تغییر پیدا نمیکنه و هدر و فوتر پیش فرض ووکامرس هست
    چطوری میتونم هدر و فوتری که طراحی کردم برای صفحات محصولات هم باشد؟
    شایان ذکر هست که برای هدر و فوتر از افزونه Elementor Header & Footer Builder هست و در تنظیمات برای تمامی صفحات لحاظ شده است
    متشکرم

    1. سلام و عرض احترام
      به احتمال زیاد شما در تنظیمات قالب ووکامرس از ویژگی Canvas استفاده کرده اید. که باید قالب ووکامرس را به حالت پیشفرض تغییر دهید

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

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

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

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

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

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

  6. درود

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

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

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

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

جلسات آموزشی
سطح پیشرفته

گروه تعامل با کاربران فعال المنتور

ID: ir_elementor

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