Sauter la navigation

[Résolu] Poner una clase en el enlace que que esta activo

This support ticket is created Il y a 3 années et 11 mois. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

Marqué : 

Ce sujet contient 4 réponses, a 2 voix.

Dernière mise à jour par Rafael Corts Il y a 3 années et 11 mois.

Assisté par: Nigel.

Auteur
Publications
#1902951

Hola Nigel, tengo una una pagina, con un listado y la entrada seleccionada, este listado esta creado un una vista. lo que necesito es que en el listado se resalte el titulo de la entrada que se está mostrando, no se como hacerlo, habia pensado crear una classe pero no se como implementarlo.
Ahora cuando el usuario selecciona una de las entradas aparece la entrada pero el listado no se resalta el titulo que esta selecionado y esto crea confusión. como podriamos hecerlo?
el codigo es el siguiente del template:

<div class="rc_h1_centrat"><h1>Materials primer d'ESO</h1></div>
<div class="rc_contenidor_pantalla">
<div class="rc_contenidor_pantalla_escritori">
<div class="rc_contenidor_pantalla_menu_titol rc_esquerra"><h2>[wpv-post-title]</h2></div>
<div class="rc_autor_continguts"><div>Professor/a: [wpv-post-author format="meta" meta="first_name"] [wpv-post-author format="meta" meta="last_name"]</div></div>

  [toolset_access role="Administrator,Primer ESO,15 dies gratuïts primer ESO,Instructor-Docent" operator="deny"]
<div class="rc_prarrafo"><h3>Per poder accedir als continguts has d'iniciar sessió o registrar-te:</h3></div>
<div>[wpv-login-form redirect_url="/primer-eso/" allow_remember="true" remember_default="true"]</div>
<div class="rc_h1_centrat"><a class="rc_buto rc_normal" href="/registre-portal/">Registrar</a></div>
[/toolset_access]
  
[toolset_access role="Administrator,Primer ESO,1 mes gratuït primer ESO,Instructor-Docent" operator="allow"]
  <div class="rc_video_unitat">
    [wpv-conditional if="( $(wpcf-nom-de-l-arxiu-de-video) eq '' )" evaluate="false"]
    
  <iframe src="<em><u>lien caché</u></em> field='nom-de-l-arxiu-de-video'][/types]" width="640" height="480" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
    [/wpv-conditional]
   </div>
  
  <div class="rc_unitat_descripcio">
    <h3>Descripció:</h3>
    [wpv-post-body view_template="None"]</div>
  
 <div class="rc_seccio_ques">
    <h3>Qüestionari</h3>
[wpv-for-each field="wpcf-shortcode-questionari"]
<div>[qsm quiz='[types field="shortcode-questionari"][/types]']</div>
[/wpv-for-each]
  </div>
   
  [/toolset_access]   
  
  
   <div class="rc_navegar">
    <div class="rc_navegar_esquerra">
      [wpv-post-previous-link format="%%LINK%%"]
    </div>
     <div class="rc_navegar_dreta">
       [wpv-post-next-link format="%%LINK%%"]
    </div>
    
  </div>

</div> 
<div class="rc_contenidor_pantalla_menu">
     <div class="rc_contenidor_pantalla_menu_titol"><h2>Menú</h2></div>
      <div class="rc_contenidor_pantalla_menu_continguts">
        <div class="rc_menu_titol"><h2>[wpv-post-taxonomy-iterator taxonomy="assignatura-primer" field="views|shortcode|single|wpv-taxonomy-title"][wpv-taxonomy-title][/wpv-post-taxonomy-iterator]</h2></div>
       
        [wpv-conditional if="( CONTAINS(#(assignatura-primer),'biologia-i-geologia') )"]
        <div class="rc_unitats_menu">
        [wpv-view name="llistat-assignatura-biologia-primer"]</div>
        [/wpv-conditional]
         [wpv-conditional if="( CONTAINS(#(assignatura-primer),'llengua-castellana-i-literatura') )"]
       <div class="rc_unitats_menu">
           [wpv-view name="llistat-assignatura-castella-primer"]</div>
        [/wpv-conditional]
       [wpv-conditional if="( CONTAINS(#(assignatura-primer),'llengua-catalana-i-literatura') )"]
        <div class="rc_unitats_menu">
        [wpv-view name="llistat-assignatura-catala-primer"]</div>
        [/wpv-conditional]
        [wpv-conditional if="( CONTAINS(#(assignatura-primer),'ciencies-socials-geografia-i-historia') )"]
         <div class="rc_unitats_menu">
          [wpv-view name="llistat-assignatura-geografia-i-historia-primer"]</div>
        [/wpv-conditional]
        [wpv-conditional if="( CONTAINS(#(assignatura-primer),'fisica-i-quimica') )"]
        <div class="rc_unitats_menu">
           [wpv-view name="fisica-i-quimica"]</div>
        [/wpv-conditional] 
         [wpv-conditional if="( CONTAINS(#(assignatura-primer),'llengues-estrangeres') )"]
        <div class="rc_unitats_menu">
          [wpv-view name="llistat-assignatura-angles-primer"]</div>
        [/wpv-conditional]
        [wpv-conditional if="( CONTAINS(#(assignatura-primer),'matematiques') )"]
        <div class="rc_unitats_menu">
          [wpv-view name="llistat-assignatura-matematiques-primer"]</div>
        [/wpv-conditional]
  </div>
  	[wpv-conditional if="( '[wpv-current-user info="logged_in" ]' eq 'false' )"]
         <a href="<em><u>lien caché</u></em>" class="rc_buto">Tornar</a>
       [/wpv-conditional]
        
        	[wpv-conditional if="( '[wpv-current-user info="logged_in" ]' eq 'true' )"]
         <a href="<em><u>lien caché</u></em>" class="rc_buto">Tornar</a>
       [/wpv-conditional]
  
  <div>[cred_form form="unitat-vista"]</div>
    <h2>Valoracions</h2>
   <table class="rc_tb_valor">
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-molt-be"])</td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
  </tr>
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-be"])</td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
  </tr>
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-normal"])</td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
  </tr>
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-regular"])</td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
  </tr>
      <tr>
    <td class="rc_num_valoracio">([wpv-view name="valoracions-malament"])</td>
    <td><img class="rc_estrella_v" src="<em><u>lien caché</u></em>" width="20" class="" /></td>
  </tr>
  </table>
  [valoracion_primer]
 [wpv-view name="valoracions-formulari-primer"]
  
    </div>
</div>

Como puedes observar hay muchas vistas pero con las condicionales solo muestra una de ellas.
el codigo de la cista es:
El loop

[wpv-layout-start]
	[wpv-items-found]
	<!-- wpv-loop-start -->
	<ol class="wpv-loop js-wpv-loop">
		<wpv-loop>
			<li>[wpv-post-body view_template="loop-item-in-llistat-assignatura-geografia-i-historia-primer"]</li>
		</wpv-loop>
	</ol>
	<!-- wpv-loop-end -->
	[/wpv-items-found]
	[wpv-no-items-found]
		<strong>[wpml-string context="wpv-views"]No hi han resultats[/wpml-string]</strong>
	[/wpv-no-items-found]
[wpv-layout-end]
[wpv-post-link]
[wpv-view name="pagines-fill-primer-eso" wpvchildof="[wpv-post-id]" ]

¿Que solución podria hacer?
Saludos.
Rafa Corts

#1904923

Nigel
Supporter

Les langues: Anglais (English ) Espagnol (Español )

Fuseau horaire: Europe/London (GMT+00:00)

Hola Rafa

No se si entiendo el problema.

El código arriba, ¿es de una plantilla para algún tipo de entrada?

Al fondo muestra un View. ¿Un View de qué?

¿Y qué significa "la entrada seleccionada"?

#1904931
Captura de pantalla 2021-01-14 a las 9.48.14.png

Hola Nigel, tengo una una entrada que son unidades formativa, cuando esta en una unidad formativa puedes ver el contenido y un listado de las siguientes unidades, adjunto imagen. Entonces el usuario puede ir cambiando de unidad por el listado. Lo que necesito es que el titulo del listado que este en activo pueda placarse unos estilos para que el usuario sepa en que unidad se encuentra.
Saludos.
En el ejemplo de la imagen se encuentra en la unidad "Mètode científic i Treball al laboratori" y si observas el listado se pueden ver 6 unidades pero la que esta activa (en pantalla) es la primera, como podría hacer para que se pudiera diferenciar de las otras?
Saludos.
Rafa Corts

#1905193

Nigel
Supporter

Les langues: Anglais (English ) Espagnol (Español )

Fuseau horaire: Europe/London (GMT+00:00)

Bien, entiendo.

Dentro de la salida de una vista puedes acceder a la página/entrada que muestra la vista en un shortcode utilisando el atributo item='$current_page'.

Entonces puedes usar una condición que prueba si el id de la entrada corriente (del loop) es igual al id de la entrada mostrada para añadir un clase, p.j.

<li [wpv-conditional if=" ( ( '[wpv-post-id item='$current_page']' eq '[wpv-post-id ]' ) ) " ]class="corriente"[/wpv-conditional]>...
#1909339

My issue is resolved now. Thank you!