ساخت صفحه آرشیو محصولات با المنتور و جت انجین (ویدیوی آموزشی)

جلســه :

جلسه 40

مدت زمــان :

12:17 دقیقه

سطـــح :

متوسط

مـدرس :

محمد رحیمی

دانلود المنتور پرو
دانلود افزونه المنتور پرو

دانلود نسخه جدید افزونه المنتور پرو ، کاملا اورجینال و فارسی با لایسنس دائمی و قابلیت نصب و استفاده روی بی نهایت دامنه دانلود افزونه Elementor Pro

گارانتی میهن تم
نصب آسان
پشتیبانی
اورجینال و فارسی

فهرست مطالب

آموزش ساخت صفحه آرشیو محصولات با المنتور و لیستینگ جت انجین

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

آموزش ساخت صفحه آرشیو محصولات با المنتور و لیستینگ جت انجین
ساخت صفحه آرشیو محصولات با المنتور و جت انجین 3

مراحل ساخت صفحه آرشیو محصولات با المنتور و JetEngine

1. ایجاد یک قالب لیستینگ در JetEngine

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

  1. وارد پیشخوان وردپرس شوید و به مسیر جت انجین > لیستینگ بروید.
  2. روی دکمه افزودن جدید کلیک کنید.
  3. نوع منبع لیست را پست ها انتخاب کنید.
  4. نوع پست تایپ را محصولات انتخاب کنید.
  5. یک نام مناسب برای قالب لیستینگ خود وارد کنید (مثل “لیست آرشیو محصولات”).
  6. نمای فهرست را المنتور قرار دهید.
  7. روی ایجاد آیتم لیستینگ کلیک کنید.
ساخت صفحه آرشیو محصولات با لیستینگ جت انجین
ساخت صفحه آرشیو محصولات با المنتور و جت انجین 4

2. ساخت صفحه آرشیو محصولات با المنتور

  1. به مسیر برگه‌ها > افزودن جدید بروید و یک برگه جدید برای آرشیو محصولات ایجاد کنید.
  2. در ویرایشگر المنتور، ابزارک لیستینگ شبکه را به صفحه اضافه کنید.
  3. در تنظیمات ابزارک، قالب لیستینگ ایجادشده در مرحله قبل را انتخاب کنید.
  4. تعداد ستون‌ها، فاصله بین آیتم‌ها و سایر تنظیمات را به دلخواه تنظیم کنید.
  5. تیک گزینه استفاده به عنوان قالب آرشیو را فعال کنید.
  6. طراحی خود را با اضافه کردن تیتر، دکمه‌های ناوبری و عناصر گرافیکی تکمیل کنید.
  7. در بخش شرایط نمایش (Display Conditions)، مشخص کنید که این صفحه به عنوان آرشیو محصولات نمایش داده شود. برای این کار، گزینه “آرشیو محصولات” را انتخاب کنید.

نتیجه‌گیری

در این آموزش، یاد گرفتید چگونه با ترکیب المنتور و افزونه JetEngine یک صفحه آرشیو حرفه‌ای و سفارشی برای محصولات فروشگاه خود بسازید. این روش به شما امکان می‌دهد لیست‌هایی کاملاً سفارشی ایجاد کنید و ظاهر فروشگاه خود را بهبود بخشید.

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

8 پاسخ

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

    1. درود بر شما
      selector p {
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin: 0;
      }

      در خط -webkit-line-clamp: 1; میتونید عدد 1 رو به تعداد خط هایی که میخواهید تایتل شما نمایش داده بشه تغییر بدید.

    2. درود بر شما
      اگر بخواییم صفحه ارشیومون صفحه بندی داشته باشه (منظورم اینه ک کاربر برای دیدن محصولات بیشتر اسکرول نکنه یا دکمه مشاهده بیشتر نزنه و روی صفحه ۲ مثلا کلیک کنه ) باید چیکار کنیم؟

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

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

    1. سلام
      این مشکل معمولاً به یکی از موارد زیر مربوط می‌شود. لطفاً به‌ترتیب بررسی کنید:

      نوع قالب ساخته‌شده در المنتور
      مطمئن شوید قالبی که ساخته‌اید از نوع Archive / Product Archive است، نه Page یا Single Product.

      تنظیم صحیح شرط نمایش (Display Conditions)
      در بخش شرط نمایش، حتماً یکی از این حالت‌ها را انتخاب کرده باشید:

      All Product Archives
      یا

      Product Categories (و در صورت نیاز انتخاب دسته مشخص)

      استفاده از ویجت‌های مخصوص آرشیو
      داخل قالب آرشیو باید از ویجت‌هایی مثل:

      Archive Products

      Products (با Source روی Current Query)
      استفاده شده باشد. اگر از ویجت Products با انتخاب دستی محصولات استفاده کنید، آرشیو خالی نمایش داده می‌شود.

      تداخل با قالب یا افزونه‌ها
      موقتاً قالب سایت را روی Hello Elementor قرار دهید و افزونه‌های غیرضروری (خصوصاً افزونه‌های تغییر آرشیو ووکامرس) را غیرفعال کنید و مجدداً تست بگیرید.

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

      کش سایت
      در صورت استفاده از کش (افزونه یا سرور)، کش را کامل پاک کنید.

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

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

Supportورود به مرکز پشتیبانی میهن‌تم
راهنمای نصب المان‌های آماده المنتور

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

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

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

  1. استفاده از المنتور و افزونه‌های مربوطه الزامی است.
    نصب تنها در صورتی امکان‌پذیر است که شما از افزونه المنتور پرو یا سایر افزونه‌های موردنیاز المان‌ها که در توضیحات محصول ذکر شده‌اند، استفاده کرده باشید.

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

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

  4. نصب شامل تغییرات سفارشی نمی‌شود.
    این سرویس صرفاً برای نصب اولیه المان‌های آماده است و شامل تنظیمات سفارشی یا تغییرات در طراحی سایت نمی‌باشد.

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

قالب های وردپرس