Support » Themes » Buddypress Profilgruppen in ein Akkordion packen

  • Hallo zusammen,

    vielleicht hat jemand hier eine Idee, denn ich bin am verzweifeln.
    In meinem BuddyPress habe ich in den Profilen 7 Profilfeldgruppen mit etlichen Einträgen. Verständlicher Weise sieht das sehr unübersichtlich aus. Nun hätte ich mit dem Gedanken gespielt, das ganze in ein Akkordion-Control zu packen. Nur irgendwie klappt das nicht.
    Meine Vorgehensweise war, daß ich mir die Datei profile-loop.php geschnappt hätte, dazu auf einer anderen Seite ein Dummy-Akkordion. Dann wollte ich die entsprechenden Divs um die jeweiligen Ausgaben in der php-Datei packen.
    klappt aber hinten und vorne nicht. Hat da jemand zufällig eine Idee für mich?

    Und einen zweiten Punkt hätte ich noch: den Punkt „allgemeine Angaben“ würde ich gerne komplett verschwinden lassen. Aber dafür fehlt mir jeder gedankliche Ansatz.

    Vielleicht hat ja jemand von Euch eine Idee…

    Liebe Grüße

    Chris

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Hallo

    klappt aber hinten und vorne nicht.

    Heißt was? Was für Accordion Code von wo?
    Am einfachsten vielleicht mit sowas starten
    https://jqueryui.com/accordion/

    Hallo,

    sowas?

    Original unter Theme 2015
    http://screencast.com/t/DfD0lOKsQ

    Nach Umbau und klick auf Single Fields
    http://screencast.com/t/azY7qpphExn7

    Nach klick auf Multi Fields
    http://screencast.com/t/ECyrj2DPO

    habe dazu die /wp-content/plugins/buddypress/bp-templates/bp-legacy/buddypress/members/single/profile/profile-loop.php

    geändert. Das dient aber nur zur Demo, natürlich ändert man nicht in den Plugindateien direkt, lädt JS über die entsprechenden enqueue funktonen usw. Der Code ist also nur zur veranschaulichung.

    <?php
    
    /** This action is documented in bp-templates/bp-legacy/buddypress/members/single/profile/profile-wp.php */
    do_action( 'bp_before_profile_loop_content' ); ?>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
    <script>
    	jQuery(function() {
    		jQuery( "#accordion" ).accordion();
    	});
    </script>
    
    <div id="accordion">
    <?php if ( bp_has_profile() ) : ?>
    
    	<?php while ( bp_profile_groups() ) : bp_the_profile_group(); ?>
    
    		<?php if ( bp_profile_group_has_fields() ) : ?>
    
    			<?php
    
    			/** This action is documented in bp-templates/bp-legacy/buddypress/members/single/profile/profile-wp.php */
    			do_action( 'bp_before_profile_field_content' ); ?>
    			<h3><?php bp_the_profile_group_name(); ?></h3>
    			<div  class="bp-widget <?php bp_the_profile_group_slug(); ?>">
    				<table class="profile-fields">
    					<?php while ( bp_profile_fields() ) : bp_the_profile_field(); ?>
    						<?php if ( bp_field_has_data() ) : ?>
    							<tr<?php bp_field_css_class(); ?>>
    								<td class="label"><?php bp_the_profile_field_name(); ?></td>
    								<td class="data"><?php bp_the_profile_field_value(); ?></td>
    							</tr>
    						<?php endif; ?>
    						<?php
    						/**
    						 * Fires after the display of a field table row for profile data.
    						 *
    						 * @since BuddyPress (1.1.0)
    						 */
    						do_action( 'bp_profile_field_item' ); ?>
    					<?php endwhile; ?>
    				</table>
    			</div>
    			<?php
    			/** This action is documented in bp-templates/bp-legacy/buddypress/members/single/profile/profile-wp.php */
    			do_action( 'bp_after_profile_field_content' ); ?>
    		<?php endif; ?>
    	<?php endwhile; ?>
    	<?php
    	/** This action is documented in bp-templates/bp-legacy/buddypress/members/single/profile/profile-wp.php */
    	do_action( 'bp_profile_field_buttons' ); ?>
    	</div>
    <?php endif; ?>
    
    <?php
    
    /** This action is documented in bp-templates/bp-legacy/buddypress/members/single/profile/profile-wp.php */
    do_action( 'bp_after_profile_loop_content' ); ?>

    Gruß
    Frank

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Das Thema „Buddypress Profilgruppen in ein Akkordion packen“ ist für neue Antworten geschlossen.