¡Bienvenido!

Al registrarte con nosotros, podrás discutir, compartir y enviar mensajes privados con otros miembros de nuestra comunidad.

¡Regístrate ahora!

Como ocultar las pestañas de perfil en xenforo

  • Iniciador del tema Iniciador del tema Lucien's iconLucien
  • Fecha de inicio Fecha de inicio
Lucien

Lucien's iconLucien

Bored
Administrador
Mensajes
1,186
Puntos de reacción
5,489
¿A nadie más le molesta las pestañas en los perfiles? ¿No? A mí sí, y bueno, he estado tratando de ocultar las de ACTIVIDAD Y COMENTARIOS, cambiándoles el nombre para que cupieran en mi celular (que de por si es grande) pero nada, no hay forma, con el Addon de las Medallas y el Inventario de la tienda de créditos se me hace imposible hacer algo así, por lo que llegué a la conclusión de que sería mejor ocultarlos de cuajo, PEEERO ¿Por qué mejor no ocultarlo solo para celulares y listo? Bueno Para hacer este tutorial hará falta un addon que es gratis (descárguenlo pirata por ahí)

Addon a utilizar : https://xenforo.com/community/resources/browser-detection.7223/


Objetivo a eliminar:

Ver el archivos adjunto 7575

vista movil:

Ver el archivos adjunto 7581

¿Ven que ni apenas se puede ver la informacion del perfil? Eso va a cambiar.

Toda la información de los perfiles se almacena en la plantilla member_view por lo que vamos a ella y buscamos el codigo siguiente



HTML: 
<xf:if is="$user.canViewLatestActivity()">
                    <a href="{{ link('members/latest-activity', $user) }}"
                        rel="nofollow"
                        class="tabs-tab"
                        id="latest-activity"
                        role="tab">{{ phrase('latest_activity') }}</a>
                </xf:if>

y lo cambiamos por este:

HTML: 
<xf:if is="$xf.mobileDetect && $xf.mobileDetect.isMobile()">

<xf:else />
                <xf:if is="$user.canViewLatestActivity()">
                    <a href="{{ link('members/latest-activity', $user) }}"
                        rel="nofollow"
                        class="tabs-tab"
                        id="latest-activity"
                        role="tab">{{ phrase('latest_activity') }}</a>
                </xf:if>
</xf:if>


luego buscamos este otro:

HTML: 
                <a href="{{ link('members/recent-content', $user) }}"
                    rel="nofollow"
                    class="tabs-tab"
                    id="recent-content"
                    role="tab">{{ phrase('postings') }}</a>

y lo remplazamos por:

HTML: 
<xf:if is="$xf.mobileDetect && $xf.mobileDetect.isMobile()">

<xf:else />
<a href="{{ link('members/recent-content', $user) }}"
rel="nofollow"
class="tabs-tab"
id="recent-content"
role="tab">{{ phrase('postings') }}</a>
</xf:if>

Ver el archivos adjunto 7587

osea , se nota la diferencia jaja

1615735599015.webp

1615735652497.webp

1615736633085.webp
 
Nevermind, la solución mas acertada es hacer un campo personalizado y luego ir a member_view y poner una condicional

PHP: 
<xf:if is="$xf.visitor.Profile.custom_fields.pestañas">
      display: none;
    <xf:else />
    <xf:if is="$user.canViewLatestActivity()">
                    <a href="{{ link('members/latest-activity', $user) }}"
                        rel="nofollow"
                        class="tabs-tab"
                        id="latest-activity"
                        role="tab">{{ phrase('latest_activity') }}</a>
                </xf:if>

                <a href="{{ link('members/recent-content', $user) }}"
                    rel="nofollow"
                    class="tabs-tab"
                    id="recent-content"
                    role="tab">{{ phrase('postings') }}</a>
    </xf:if>
 
Schmidt dijo:
Nevermind, la solución mas acertada es hacer un campo personalizado y luego ir a member_view y poner una condicional

PHP: 
<xf:if is="$xf.visitor.Profile.custom_fields.pestañas">
      display: none;
    <xf:else />
    <xf:if is="$user.canViewLatestActivity()">
                    <a href="{{ link('members/latest-activity', $user) }}"
                        rel="nofollow"
                        class="tabs-tab"
                        id="latest-activity"
                        role="tab">{{ phrase('latest_activity') }}</a>
                </xf:if>

                <a href="{{ link('members/recent-content', $user) }}"
                    rel="nofollow"
                    class="tabs-tab"
                    id="recent-content"
                    role="tab">{{ phrase('postings') }}</a>
    </xf:if>
Haz clic para expandir...
Interesante..... Entonces analizando esto, se podria hacer para todas las pestañas que uno quiera ?
 
Schmidt dijo:
No solo para las pestañas, podría ocultar cualquier cosa de xenforo bajo esa condicional , ocultar widgets, funciones
Haz clic para expandir...
Mucho mejor, así se podria descogestionar muchas cosas del foro para la vista movil, para que al final no este muy cargado el foro.... probare varias cosas en la casa a ver que tal.
Gracias por la info
 
No recuerdo pero creo que xenforo usa bootstrap por lo que esto cuenta con clases para pasarle un valor de display:none según el dispositivo con el que estes interactuando, por lo que me parece que agregando esta clase en el código se ahoraria mas trabajo
 
Atrás