[ تم الحل ] تصميم البوسبت في الجوال

[Wolf Knight]

مرحبا شباب
شاخباركم عساكم بخير

نريد واحد من الابطال يعدل لنا طريقة عرض البوسبت (العقيمة) في زين فورو عند التصفح من خلال الجوال لتكون اقرب الى الصورة التالية:



طابت جمعتكم

 

[القناص]

هلا
اذا ترید ان تظهر البوسبتpostbit في الجوال ابحث عن القالب message.less
و احذف منه الاکواد الآتیه:

        .message-userExtras
        {
            display: none;
        }

و سیظهر لک البوست‌بیت کاملاً في الجوال عند التصفح.
لکن لکي تحدد ماذا یظهر و ما لایظهر یحتاج مرحلة ثانية ایضاً.

ما الذي تریده بالضبط لکي یظهر في الجوال؟ فقط المشارکات و مستوی التفاعل و النقاط؟

 

[القناص]

علی کل الحال القرار راجع لک
ابحث عن القالب message_macros و ثم
و ادخل الکواد اللي تتعلق المشخصات العضو اللي لاترید بظهورها في الجوال داخل

<div class="hide-mobile-postbit">

</div>

ثم اضف کد اللي موجود بلأسفل في قالب extra.less

@media (max-width: 480px)
{
    .hide-mobile-postbit{display:none;}
}

انا عملتها و ضبطت معي

 

[Wolf Knight]

شكرا لك اخي القناص
جاري التجربة

 

[Wolf Knight]

تم التجربة ولم تنجح
شكرا لك على المساعدة اخي الكريم

 

[shqawe]

ياهلا ومرحبا اخوي سعيد انا حقيقة ما ادري وش تبي بالضبط لكن من خلال ردود اخوي القناص اتوقع انك تبي تظهر معلومات العضو عند التصفح عن طريق الجوال فاذا كان هذا طلبك اضف الكود التالي في قالب extra.less:

@media (max-width:650px) {
  .message:not(.message--forceColumns) .message-userExtras
  {
    display: block;
  }
}

والنتيجة بتكون مقاربة للتالي:



اتمنى يكون هذا طلبك واذا كنت تقصد شيء ثاني يالي توضح وش اللي تبيه يظهر في البوست على شان نقدر نفيدك والمعذرة لو ما كان هذا طلبك

احترامي وتقديري
اخوك
شقاوي

 

[Wolf Knight]

هلا وغلا اخوي شقاوي
انا خليت صورة للطلب
الطلب هو اظهار بعض المعلومات الخاصة بالعضو وليس جميعها مثل عدد المشاركات وعدد المواضيع او اي حقل من الحقول حسب الحاجة.
ويفضل يكون بدون التنسيقات css الي تظهر في الدسكتوب
اتمنى يكون الطلب صار اوضح الان
وشكرا

 

[shqawe]

هلابك اخوي سعيد طلبك بسيط بس يبي له تعديل على القوالب اول شيء استبدل الكود السابق بهذا الكود

@media (max-width: 650px){
    .message:not(.message--forceColumns) .message-userExtras{
        display: block;
        
        .hide{
            display: none;
        }
    }
}

بعدها افتح قالبmessage_macros وابحث عن الحقول الي ماتبيها تظهر واضف لها كلاس hide

ولتوضيح الصورة اكثر لنفرض انك تبي تخفي تاريخ التسجيل فراح يكون الكود بالشكل هذا

<xf:if is="$extras.register_date">
                        <dl class="pairs pairs--justified hide">
                            <dt>{{ phrase('joined') }}</dt>
                            <dd>{{ date($user.register_date) }}</dd>
                        </dl>
                    </xf:if>

وبنفس الطريقة طبقها على الحقول اللي ماتبيها تظهر ملاحظة بسيطة اذا كان هناك حقول مخصصة وتبي تخفيها ابحث عن هالكود

<xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified" />
                        <xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified" />
                        </xf:if>
                    </xf:if>

واستبدله بهذا الكود

<xf:if is="$extras.custom_fields">
                        <xf:macro template="custom_fields_macros" name="custom_fields_values"
                            arg-type="users"
                            arg-group="personal"
                            arg-set="{$user.Profile.custom_fields}"
                            arg-additionalFilters="{{ ['message'] }}"
                            arg-valueClass="pairs pairs--justified hide" />
                        <xf:if is="$user.canViewIdentities()">
                            <xf:macro template="custom_fields_macros" name="custom_fields_view"
                                arg-type="users"
                                arg-group="contact"
                                arg-set="{$user.Profile.custom_fields}"
                                arg-additionalFilters="{{ ['message'] }}"
                                arg-valueClass="pairs pairs--justified hide" />
                        </xf:if>
                    </xf:if>

وان شاء الله يكون هذا طلبك

احترامي وتقديري
اخوك
شقاوي

 

[Wolf Knight]

عاشت الايادي اخوي تركي
راح اجربها واردلك خبر
ان شاء الله تختفي بالجوال فقط وتظهر بشكل اعتيادي في الدسكتوب.

 

[shqawe]

عشت اخوي سعيد

طيب هل جربت الكود اللي حطيته لك وطبقت نفس الطريقة ﻻن الكود اللي حطيته لك لن يعمل اﻻ على اجهزة الجوال او باﻻصح للمتصفحات الي مقاسها اصغر من 650px

 

[Wolf Knight]

تمت التجربة بنجاح
شكرا جزيلا اخي تركي واخي القناص على المساعدة

 

[shqawe]

حياك الله اخوي سعيد واسمح لي باغلاق الموضوع ما دام الطلب انتهى

احترامي وتقديري
اخوك
شقاوي