Group Mods

  • Profile picture of @mercime
  • Profile picture of r-a-y
  • Profile picture of Hugo

Support: Creating & Extending

Existing and new plugins/components and themes.

[Resolved] Install Buddypress without changes upon my main theme – Duotive 3 (27 posts)

Started 3 months ago by: fashionbleeker

  • Profile picture of fashionbleeker fashionbleeker said 3 months ago:

    Hello Forum,
    I need your help.

    I have installed buddypress but I have a problem to complete the installation.
    Inside admin is shown the sentence:
    You’ll need to activate a BuddyPress-compatible theme to take advantage of all of BuddyPress’s features. We’ve bundled a default theme, but you can always install some other compatible themes or update your existing WordPress theme.

    I do not agree to change my main theme, really I have not understood if the theme compatible is required only for the box as written in the website page “Social networking, in a box”.

    My main theme is duotive.

    Thank you.
    Simone

  • Profile picture of @mercime @mercime said 3 months ago:

    You need to make your theme duotive compatible with BuddyPress by installing and activating the BP Template Pack plugin. Then proceed to dashboard menu Appearance > BP Compatibility and go through the compatibility process. http://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/

  • Profile picture of fashionbleeker fashionbleeker said 3 months ago:

    Thank you for your replay
    I have install the BP Template Pack plugin and I have also activate it ….but I go to Appearance ….but I don’t see any BP Caompatibility ????
    Thank you for your reply

  • Profile picture of @mercime @mercime said 3 months ago:

    BP Template Pack plugin does not work if BuddyPress is not installed and activated first. I had assumed you had done so before.

  • Profile picture of fashionbleeker fashionbleeker said 3 months ago:

    Thank you mercime…
    Ok All is done … but I have some difficulty to understand the Fixing Alignment… I have find the page.php and this is the code inside, but I can’t understand what I have to change….because I can see the page (member, activity etc etc.) but everything is not aligned :
    Thank you again

    Edit – see page.php code below

  • Profile picture of @mercime @mercime said 3 months ago:

    You’re talking about Step 3 then.

    There are two methods to make your WP theme compatible with BuddyPress, what you choose will depend on the current HTML structure of your WP theme:

    A. First method – changing 16 BP template files transferred to your WP theme folder during the BP compatibility process
    – Example using Motion theme: http://codex.buddypress.org/theme-development/bp-template-pack-walkthrough-level-easy-2/

    B. Second method – creating header-buddypress.php, sidebar-buddypress.php and/or footer-buddypress.php and adding to your WP theme folder which already contains the BP template folders after compatibility process.
    – Example using Twenty Ten: http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/
    – Example using Twenty Eleven: http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-eleven-bp-1-5/

    All themes can use First Method but only some themes can use Second Method.

    If you need assistance in analyzing if you can use the Second Method for your theme, please post codes of your theme’s header.php, sidebar.php, index.php, page.php, and footer.php in respective pastebin.com pages.

  • Profile picture of fashionbleeker fashionbleeker said 3 months ago:

    this is my page.php

    http://pastebin.com/4PKdH3iX

    Is not necessary to modify only this ???

  • Profile picture of fashionbleeker fashionbleeker said 3 months ago:

    header.php http://pastebin.com/dHRyNidD
    sidebar.php http://pastebin.com/19N9axg5
    index.php http://pastebin.com/kafJphj5
    page.php http://pastebin.com/4PKdH3iX
    footer.php http://pastebin.com/2CHr6ufi

  • Profile picture of @mercime @mercime said 3 months ago:

    You do not modify your theme’s page.php file at all. What theme are you using?

    Also, page.php has a full-width layout, is this the layout you want for all the BP template files?

  • Profile picture of fashionbleeker fashionbleeker said 3 months ago:

    duotive three http://themeforest.net/item/duotive-three-complete-wordpress-template/232555
    I do not want to change the duotive theme.
    I want to add all features of buddypress inside my duotive theme.
    Your help is very important for me.

    Thank you!

  • Profile picture of @mercime @mercime said 3 months ago:

    Thank you for pointing out which duotive theme you are using.

    >> I do not want to change the duotive theme.

    I’m not saying to change your theme. I should have been more clear, the content in page.php shows that it’s a Page Template for a Full Width Page (no sidebar). The content in index.php shows it has a sidebar. Which layout do you want for all BuddyPress templates, the full-width page or the one with a sidebar? If you want the layout with the sidebar (per index.php), post the code of loop.php file from your theme.

  • Profile picture of fashionbleeker fashionbleeker said 3 months ago:

    loop.php http://pastebin.com/erziETbY

  • Profile picture of @mercime @mercime said 3 months ago:

    Looking over your theme, you will need to change 16 template files within the 6 BP folders transferred to your duotive theme in server during the compatibility process.

    If you’ve changed any of the BP template files in your theme folder, replace all of them by deleting the 6 BP folders in server – /activity, /blogs, /forums, /groups, /members, and /registration – then re-run Appearance > BP Compatibility

    Download the 6 clean BP folders to your computer hard drive. The changes we’ll be making are using the default layout (right sidebar) for the duotive theme.

    A. At the top of each of those 16 template files I linked to above, replace

    <?php get_header( 'buddypress' ); ?>
    <?php do_action( '//DIFFERENT HOOKS' ); ?>
    <div id="content">
    <div class="padder">

    with

    <?php get_header(); ?>
    <div id="content-wrapper">
    <?php get_sidebar(); ?>
    <div id="content" class="clearfix">
    <div class="page">
    <div class="content">
  • Profile picture of @mercime @mercime said 3 months ago:

    B. At the bottom of the same 16 files, replace:

    </div><!-- .padder -->
    </div><!-- #content -->
    <?php do_action( 'bp_after_directory_blogs_page' ); ?>
    <?php get_sidebar( 'buddypress' ); ?>
    <?php get_footer( 'buddypress' ); ?>

    with the following (except for registration/register.php):

    </div>
    </div>
    </div>
    </div>
    <?php get_footer(); ?>

    with the following for registration/register.php:

    </div>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    	                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();
    	                        });
    	                });
    </script>
    <?php get_footer(); ?>

    C. Save files. Upload 6 BP folders to your server wp-content/themes/duotiveThemeFolder

    D. You might also want to check out the style modifications made in BP Twenty Ten for reference. http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/

  • Profile picture of fashionbleeker fashionbleeker said 3 months ago:

    Ok solved 90%. Can I send an image to show the imperfection?
    …..because I do also the modification of style.css …I have copy the block on the website and paste at the bottom of the duotive-three style.css ….but nothing happen!!
    Another thing is …when I go for example to “My Account” > Setting > General ….I can’t see the page Member, but before my avatar image it is write:
    <div class="page">

    Maybe because I paste on the 16 files:

    div class="page"> without <

    Let me know
    (Thank you so much you can’t image how your replies are important for me)