OFF
%33
ویژه روز کارآفرینی
کدتخفیف
EPS33

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

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

در این مقاله میخواهیم با نحوه ساخت صفحه نمایش محصولات ( 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. سلام من یه قالبی الان دارم که سایز عکس محصول داخل صفحه فروشگاهش به طور دیفالت رویه 300در700 و باید تمام محصولات رو عکسشونو به این سایز تبدیل کنم ولی من میخوام صفحه محصولات رو عکس اصلی محصولات رو سایزش رو مثلا 500در 500 بکنم برای این کار باید چیکارکنم؟؟؟

    1. سلام
      تناسب تصاویر همیشه باید رعایت بشن، اگر قراره سایزشون هم متفاوت باشه باید این تناسب حفظ بشه مثلا : 100*100 | 300*300 – 300*700 | 600*1400

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

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

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

    1. سلام
      لطفا نسخه المنتور، المنتورپرو و هسته وردپرس رو به آخرین نسخه بروزرسانی کنید

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

    1. سلام
      شما یک آیدی برای بخشی که قراره اسکرول بشه تعیین کنید مثلا (testsc)، بعد لینک تصویر رو برابر #testsc قرار بدید. تا هنگام کلیک روی تصویر به بخش مورد نظر هدایت بشید

    2. نه منظورم این نبود ،
      یعنی عکسی که شما میزاری تحت عنوان کاروسل تصویر ، حالا کادر دورش جای نقطه چینو اینا مثلا مانیتور باشه (چون جایی دیدم با همین المنتور انجام داده بود )

    3. اسکرول کجا کاروسل کجا 🤔
      حالا اگر لینکی دارید بفرستید تا ببنیم منظورتون چی هست ؟

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

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

  6. سلام و خسته نباشید
    ممنون از سایت بسیار جذا و خوبتان
    وقتی proudact image رو به صفحه شخصی سازم اضافه میکنم تصویری بسیار کوچک نمایش داده میشود در حالی که اندازه عکس 512*512 پیکسل هست اما تصویر نمیایش داده شده چه در صفحه شخصی ساز المنتور و چه در سایت عکسی معادی 60*20 پیکسل میباشد

    1. سلام
      بفرمایید از چه قالبی استفاده میکنید؟

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

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

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

    1. سلام
      برای افزودن ویژگی ها می توانید از ابزارک information استفاده نمایید

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

    1. سلام
      احتمالا قالب شما این مسئله را پشتیبانی نمیکند.
      این مورد را توسعه دهنده قالب خود در میان بگذارید

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

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

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

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

ID: ir_elementor

مینی دوره طراحی مگامنو

فقط 3 روز

%50 تخفیف

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

ویرایش پروفایل