[Theme: Frisco for BuddyPress] Problem with layout and Achievements Plug-in

I haven’t activated Achievements yet on a test site. But I’ll check it out and see if we can add support. Subscribe to this forum post and I’ll drop you a note once I’ve taken a look.

I had a look at it and Achievements uses its own templates which then render in the theme. They don’t follow the same structure as the default Buddypress/Frisco themes hence the full width of main column and widgets over the top on the right.

I edited the Achievements plug-in templates to have the same structure as the other Buddypress pages and it works great now.

Dear Charlielove and David Carson,

How did you manage your problem?

It looks like I have the same problem with this Frisco theme in combination with the BP Gallery (version 1.8)
The template looks great but… I don’t know how to make te BP Gallery page look as great as the other pages (members etc)
Only at this page the sidebar is moving completely to the right side and the center column is as wide as my browser. This looks weird. I installed the Achievements for BP. It looks the same.
I used the BP Template Compatibility Pack but this skips the gallery and the achievements directory, I think.

Please advise me how you adjusted the Achievements page(s)!

Hi all,

I guess my problem is the same, just that it is at the forums page… https://asknorma.myhardofhearing.com/

Appreciated if anyone can help to tweak the CSS etc.

Thanks
= Allan

Oh its WP 3.2.1 Browser IE 9
I used Chrome and it looks ok

Hey, Charlielove, I’m having the same problem, can you please let me know what you did to fix it???

Change the files in the plugins folder

/plugins/achievements/includes/templates/achievements/ and
/plugins/achievements/includes/templates/achievements/single/

to match the structure of the main pages. The divs need to be reorganized to follow the same structure as the other pages.

i.e. /single/home.php fixed

<?php get_header() ?>

	<div id="content">
		<div class="padder">
           		<div id="sidebar-squeeze">
            	<div id="main-column">
			<?php if ( dpa_has_achievements( 'skip_detail_page_result=0') ) : while ( dpa_achievements() ) : dpa_the_achievement(); ?>

			<?php do_action( 'dpa_before_achievement_home_content' ) ?>

			<div id="item-header">
				<?php dpa_load_template( array( 'achievements/single/achievement-header.php' ) ) ?>
			</div><!-- #item-header -->

			<div id="item-nav">
				<div class="item-list-tabs no-ajax" id="object-nav">
					<ul>
						<?php bp_get_options_nav() ?>

						<?php do_action( 'dpa_achievement_options_nav' ) ?>
					</ul>
				</div>
			</div><!-- #item-nav -->

			<div id="item-body">
				<?php do_action( 'dpa_before_achievement_home_body' ) ?>

				<?php if ( dpa_is_achievement_change_picture_page() ) : ?>
					<?php dpa_load_template( array( 'achievements/single/change-picture.php' ) ) ?>

				<?php elseif ( dpa_is_achievement_activity_page() && bp_is_active( 'activity' ) ) : ?>
					<?php dpa_load_template( array( 'achievements/single/activity.php' ) ) ?>

				<?php elseif ( dpa_is_achievement_unlocked_by_page() ) : ?>
					<?php dpa_load_template( array( 'achievements/single/unlocked-by.php' ) ) ?>

				<?php elseif ( dpa_is_achievement_delete_page() ) : ?>
					<?php dpa_load_template( array( 'achievements/single/delete.php' ) ) ?>

				<?php elseif ( dpa_is_achievement_edit_page() ) : ?>
					<?php dpa_load_template( array( 'achievements/single/edit.php' ) ) ?>

				<?php elseif ( dpa_is_achievement_grant_page() ) : ?>
					<?php dpa_load_template( array( 'achievements/single/grant.php' ) ) ?>
				<?php endif; ?>

				<?php do_action( 'dpa_after_achievement_home_body' ) ?>
			</div><!-- #item-body -->

					<?php do_action( 'dpa_after_achievement_home_content' ) ?>

					<?php endwhile; endif; ?>

					</div><!-- .main column -->
                <div id="side-bar" role="complementary">
                	<?php get_sidebar() ?>
                </div> <!-- #sidebar -->
           	</div>
	<!-- #sidebar-squeeze -->
                </div><!-- .padder -->
	</div><!-- #content -->

	<?php get_sidebar() ?>

<?php get_footer() ?>

I am really glad that you took the incentive to help me Charlielove, but i don’t quite understand what you mean by

“Change the files in the plugins folder

/plugins/achievements/includes/templates/achievements/ and
/plugins/achievements/includes/templates/achievements/single/

to match the structure of the main pages. The divs need to be reorganized to follow the same structure as the other pages.”

I’m really new at this, and it would really be helpful if you could be a little more specific…

Again, I’m sorry if i’m being stubborn, just trying to get some help ??

Thanks a lot.

It would be great if you could post an updated achievements plugin .zip wich works with frisco themes!

You just need to change

/wp-content/plugins/achievements/includes/templates/members/single/achievements.php

/wp-content/plugins/achievements/includes/templates/achievements/index.php

/wp-content/plugins/achievements/includes/templates/achievements/single/home.php

I think, so that

<div id="sidebar-squeeze"><br />
            	<div id="main-column">

comes immediately after the content and padder divs at the top of the files and

</div><!-- .main column --><br />
                <div id="side-bar" role="complementary"><br />
                	<?php get_sidebar() ?><br />
                </div> <!-- #sidebar --><br />
           	</div><br />
	<!-- #sidebar-squeeze -->

come before the end padder and content divs at the bottom of the files.

Resurrecting an old topic instead of creating a new one. I encountered the same thing hatsiflatsi with the album plugin. However, more importantly to me, I’m encountering the same issue with the Events Manager plugin. https://buddypress.org/community/groups/events-manager/

When you click a regular tab in a user’s profile page, it displays appropriately. https://fitness.motleyville.com/members/tmotley/forums/

When you click on the Events tab in a user’s profile page, it shifts the right column up and right. https://fitness.motleyville.com/members/tmotley/events/

It seems like it’s just moving/adding some divs but I don’t know what file(s) to edit. Any help would be appreciated.

Nevermind on my request. Fixed easily with: https://www.ads-software.com/support/topic/theme-frisco-for-buddypress-frisco-themes-plugin-support?replies=15

Bump!
I was using Buddypress Checkins and the layout was all messed up. So I used lindevi’s fix in
bp-checkins.php
bp-checkins-place-single.php
bp-checkins-place-home.php
Found in the the bp-checkins > templates folder. The layout is working now. If I’m not mistaken, editing any buddypress plugin’s “plugin name”.php , “plugin name” single.php, and “plugin name” home.php, will fix the layout problems in the Frisco Theme.