Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] BP Template Integration with WP Flexishop Theme


  • jamesmcbennett
    Member

    @jamesmcbennett

    http://www.fabsie.com
    As landing page is coming soon, see
    http://www.fabsie.com/products-page

    1. I am struggling with buddypress intergration. I am not a coder but have been moving stuff around. I found it extremely hard to follow the various buddypress template installation tutorials as using a different theme

    I placed my header code on top of each of the buddypress pages, but it appears below some of the content. (Code below) e.g. http://www.fabsie.com/members/

    2. Also I am not sure how to make the buddypress pages constrained to the 960px and how to make the sidebar be on the side as opposed to directly below as show.

    <?php

    global $wp_query, $product_page_width, $product_sidebar, $product_sidebar_width;
    $product_sidebar = false;
    if (prima_get_option(‘themelayout’) == ‘boxed’) { $product_page_width = 920; }
    else { $product_page_width = 980; }

    get_header(); ?>

    get_queried_object_id();
    $title = get_post_field( ‘post_title’, $post_id ); ?>

    Hope you can help!!! Look forward to your response.

Viewing 11 replies - 1 through 11 (of 11 total)

  • @mercime
    Participant

    @mercime

    #1 and #2 – to fix alignment of BP template files to fit your theme’s HTML structure, open up your theme’s header.php, copy code, paste code in pastebin.com, click submit and post the generated pastebin irl here. Do the same for your index.php, page.php, sidebar.php and footer.php


    jamesmcbennett
    Member

    @jamesmcbennett

    @mercime Apologies for delay, I will be checking this routinely from now on. (Is there a way to subscribe getting an email post each time somebody responds?)

    Below are codes as asked for. Thanks so much in advance.

    header.php http://pastebin.com/J4rfMENC
    Index.php http://pastebin.com/h7ZNctwD
    page.php http://pastebin.com/gcEwUsSr
    sidebar.php http://pastebin.com/EZJV9Xeu
    footer.php http://pastebin.com/YArkTcU9


    @mercime
    Participant

    @mercime

    == Is there a way to subscribe getting an email post each time somebody responds? ==

    @jamesmcbennett Not at this time.

    == Below are codes as asked for. ==

    Checked the code and you have two options

    a) Create two files, header-buddypress.php and sidebar-buddypress.php, add some code and upload to your theme folder in server and you’re done.
    – Con: your BP page titles will be within content area and not how it appears per product page.
    – Pro: When BP is upgraded, no worries about upgrading the two files. Only need to check files when your WP theme is upgraded.

    b) Change 16 BP template files where changes to top and bottom areas are the same except for register.php. In this set up, you would have to change each template file’s page title containers yourself.
    – Con: You would have to revise 16 template files each time BP/BP template pack plugin is upgraded
    – Pro: You could have your page titles in BP pages looking like the rest of the site’s page titles.

    I would opt for a) but it’s up to you, a) or b) ?


    jamesmcbennett
    Member

    @jamesmcbennett

    @mercime If you mention me, I get an email…

    I take your advice and choose a)


    @mercime
    Participant

    @mercime

    Yes, @ mentions usually get emailed by default. Didn’t know if you disabled that in your settings like I did :-)
    a) is Good choice

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

    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 all other code, add this:
    [UPDATED – 3/2/12]
    `

    get_queried_object_id();
    $title = get_post_field( ‘post_title’, $post_id ); ?>

    `

    Save file.


    @mercime
    Participant

    @mercime

    B. Copy your theme’s sidebar.php and Save As > sidebar-buddypress.php

    Open up sidebar-buddypress.php and at the top of the file, above all 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 wp-content/themes/wpflexishop/

    D. Style modifications for BP templates – you might want to use some or all of styles listed in this page https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/

    Sidenote: Looks like there’s a missing `` after “ in your sidebar.php per your pastebin.com post. Copy and paste typo?


    jamesmcbennett
    Member

    @jamesmcbennett

    thanks,
    but the header is still missing.

    The page is now fitting the rest which is great.


    @mercime
    Participant

    @mercime

    @jamesmcbennett Sorry, missed the header-wrapper div. Open up your header-buddypress.php file and above
    `

    `
    add
    `

    get_queried_object_id();
    $title = get_post_field( ‘post_title’, $post_id ); ?>

    `
    Save file and re-upload to server.


    jamesmcbennett
    Member

    @jamesmcbennett

    it works! amazing help!!!!! thanks so much!


    @mercime
    Participant

    @mercime

    You’re welcome. Glad it worked out for you.

    Marking this thread as resolved.


    jamesmcbennett
    Member

    @jamesmcbennett

    thanks

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Resolved] BP Template Integration with WP Flexishop Theme’ is closed to new replies.
Skip to toolbar