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

نمایش محصولات مرتبط در بالا به شرط ناموجود بودن در فروشگاه‌های اینترنتی

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

همه ما برای ایجاد فروشگاه‌های اینترنتی خود از افزونه ووکامرس استفاده می کنیم.

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

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

با این آموزش حتی شما می توانید حتی محصولات مرتبط دومی درست کنید.

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

نمایش محصولات مرتبط در بالا به شرط ناموجود بودن در پروشاپ رویال

قدم اول

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

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

حال وارد تنظیمات کانتینر بشوید و در بخش موارد اضافی در قسمت اول آن یعنی همان ارائه منطق و شرط یک شرط برای آن تعریف می‌کنیم.

در این قسمت باید طوری تنظیم کنیم تا در چه شرایطی نمایش داده شود. شرط ما باید این باشد که اگر محصول ناموجود بود این قسمت را نشان بدهد.
پس همانند عکس این قسمت را تنظیم می‌کنیم.

قدم دوم

پس از اینکه تنظیمات کانتینر را انجام و سیو کردید؛ اگر صفحه محصول را دوباره به روزرسانی کنید احتمال دارد که تغییری نکند و کانتینری که تنظیم کرده‌اید نمایش داده نشود. اما علت چیست؟

حتما در نظر داشته باشید که این قسمت در صورتی کار می‌کند که در صفحه محصول تنظیمات درست را قرار داده باشید. یعنی چه ؟

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

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

قدم سوم

در قدم سوم نمایش محصولات مرتبط در بالا به شرط ناموجود بودن فراموش نکنیم که محصولات مرتبط قبلی که در پایین صفحه بود همچنان در حال نمایش به همان صورت است. برای تنظیم این قسمت دو راه وجود دارد.

راه اول این است که این بخش را هم طوری تنظیم کنیم که در صورت ناموجود بودن نمایش ندهد.

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

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

نمایش محصولات مرتبط با شرایط دیگر

نمایش محصولات مرتبط در بالا به شرط ناموجود بودن را می توان به گونه دیگری انجام داد.

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

در قسمت general مطابق تصویر زیر از دو قسمت طبقه بندی taxonomy یا تنظیمات مرتب سازی بر اساس می‌توانید محصولات متغیر دیگری را انتخاب کنید تا مستقل از محصولات مرتبط بالایی نمایش دهد.

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

نتیجه گیری

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

امیدواریم که این آموزش کوتاه به شما عزیزان در طراحی یک سایت حرفه‌ای و جذاب کمک کند.

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

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

موفق باشید