لیست قیمت در المنتور

لیست قیمت در المنتور رو شما به سادگی میتونید با المان Price list در المنتورپرو طراحی کنید. این المان و ساخت لیست قیمت در المنتور یکی از پر کاربرد ترین المان ها مخصوصا در سایتهای فروشگاهی است.
توی این مقاله از صفحه آموزش المنتور سایت آموزشی کنترل وب قصد داریم به کمک المان price list در المنتورپرو یه لیست قیمت موبایل خیلی شیک و تروتمیز رو طراحی کنیم.
برای مثال شما میتونید یه لیست قیمت از پرفروش ترین محصولات خودتون روی صفحه اصلی سایتتون درست کنید و با لینک دادن به ستون و سکشن در المنتور به اون لیست کاربر رو به صفحه آرشیو محصولاتتون هدایت کنید!
اینجوری باعث میشید کاربر شما بیشتر روی سایت و محصولات شما وقت بزاره و احتمال خریدش خیلی بالاتر بره.
لیست قیمت در المنتور-کنترل وب

ساخت لیست قیمت در المنتور پرو

برای ساخت لیست قیمت در المنتور شما نیاز به نسخه ی پرو المنتور و المان price list توی اون دارید.

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

 

Price list در المنتور 

price list در المنتور - کنترل وب

 

حالا برای ساختن لیست قیمت در المنتور، بعد از اینکه المان Price List رو داخل بخش خودتون بندازید، توی پنل سمت راستی برای شما ویرایش price list باز میشه.

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

با کلیک روی آیکون برگه ای که کنار هر آیتم هست میتونید یه آیتم دیگه به لیست خودتون اضافه و با کلیک روی علامت ضربدر کنار هر آیتم، میتونید اون آیتم رو حذف کنید.

 

ویرایش لیست قیمت در المنتور-کنترل وب

 

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

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

توی فیلد Title شما میتونید اسم و عنوان محصول خودتون رو وارد کنید.

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

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

 

تغییر آیتم لیست در المنتور-کنترل وب

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

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

 

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

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

رنگ در لیست قیمت در المنتور-کنترل وب

 

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

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

solid : خط ساده و صاف هست.

Dashed : خطی که بصورت خط فاصله ای کشیده میشه.

Dotted : خط بصورت نقطه ای.

Double : خط دوبل یعنی دو خط روی هم.

نوع خط در لیست قیمت-کنترل وب

با گزینه ی Weight هم شما میتونید ضخامت و وزن اون خط خودتون رو مشخص کنید.

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

 

تب image

گزینه ی بعدی لیست، گزینه ی Image هست که تنظیمات مربوط به تصویر رو توی لیست قیمت خودتون مشخص کنید.

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

گزینه ی بعدی Border Radius هست که با این گزینه میتونید یه انحنای مرز برای تصویر خودتون تعریف کنید.

با گزینه Spacing هم میتونید فاصله بین تصویر و محتوای کنارش( عنوان و توضیحات محصول) رو مشخص کنید.

 

تب Item

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

برای شخصی سازی بیشتر لیست قیمت در المنتور، وارد این تب که میشید 2 گزینه برای شما وجود داره:

گزینه ی اول Rows Gap هست که شما میتونید فاصله بین هر ردیف رو از این قسمت تعیین کنید.

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

موقعیت آیتم

و تماااااممممممم!

شما به همین راحتی تونستید یه لیست قیمت در المنتور خفن رو بسازید 🙂

راستی! شما چه ویجت دیگه ای برای ساختن لیست قیمت در المنتور میشناسید ؟؟ برامون کامنت کنید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 5 میانگین: 4.8]

2 پاسخ

  1. با سلام
    ممنون از راهنمایی شما
    سوالی داشتم. آیا راهی هست قیمتی که در افزونه عمده فروشی هست رو بشه در این لیست فراخوانی کرد؟
    یا از طریق این قابلیت المنتور لیست قیمت افزونه عمده فروشی رو ویرایش کرد چون واقعا لیست افزونه عمده فروشی زیبا نیست
    ممنون میشم راهنمایی کنید
    با تشکر

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

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

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

مقالات مرتبط