@raetona at this point, you’d have to make a decision about which page layout you want to have for all your BP template files as the sidebar options might not work in those templates. Hover over link “Page” in top navigation of http://labs.saurabh-sharma.net/themes/volt/wp/ where you see left and right sidebar plus other option. I would suggest choosing the layout where there’s more horizontal space for the BP templates …
Hi @mercime, thanks for the help! I’d like to use the “Right Sidebar A” layout, because I don’t need a full width template and I’d like to have a sidebar. Something similar to the buddypress test-drive site ( http://testbp.org/members/johnjamesjacoby/profile/ ).
Page with sidebar template: http://pastebin.com/FS1UCmfZ
Sidebar A template: http://pastebin.com/8TQg5dmt
@raetona Based on the HTML structure of your theme, you will only need to create two new files, header-buddypress.php and sidebar-buddypress.php to make the BP templates compatible with your theme.
If you’ve revised any of the BP template files transferred to your volt theme folder in server during the BP Compatibility process, please delete the 6 BP folders transferred to your volt theme folder in server – /activity, /blogs, /forums, /members, /groups, /register – then re-run Appearance > BP Compatibility again to make sure that you have clean template files.
NOTE: If the following doesn’t work out for your installation as some options may not work within BP pages, please contact theme author and refer him/her to this topic.
A. COPY your theme’s header.php and Save As > header-buddypress.php
Open up header-buddypress.php and at the BOTTOM of the file, below other code contained within, add this:
`<?php
/* Fetch admin options. */
global $options;
foreach ($options as $value) {
if(isset($value) && isset ($value))
if (get_option( $value ) === FALSE) { $$value = $value; } else { $$value = get_option( $value );}
} ?>
B. COPY Sidebar A template http://pastebin.com/8TQg5dmt and Save As > sidebar-buddypress.php
Open up sidebar-buddypress.php file and at the very TOP of the file, add this:
``
Then in the same file, at the very BOTTOM below other code add this:
`
jQuery(document).ready( function() {
if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
jQuery(‘div#blog-details’).toggle();
jQuery( ‘input#signup_with_blog’ ).click( function() {
jQuery(‘div#blog-details’).fadeOut().toggle();
});
});
`
Save file.
C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/volt/ in the same directory where your regular header.php and sidebar.php files are
D. Final note: Copy the style modifications for some BP elements https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste those at the bottom of your theme’s stylesheet, then adjust to taste.
Thank you @mercime !!! You are really great!
Glad it worked out for you