Skip to:
Content
Pages
Categories
Search
Top
Bottom

WOO Canvas (child theme) Customization and Ajax

  • Avatar of likoma
    likoma
    Participant

    @likoma

    Hey there BuddyPressers,

    Quickie overview.
    1.) WOO Canvas + BuddyPress Theme Compatibility
    2.) AJAX / Javascript Compatibility

    Test site: http://chipyela.com
    Login: Buddy Preston
    Pass: buddyp

    1.) WOO Canvas + BuddyPress Theme Compatibility

    Been tweaking WOO Canvas (child theme) for some time now. Finally got the (Canvas) sidebar showing up thanks to several tutorials in these forums for making the theme compatible. I’ve been going through the 16 files and customizing them, but I was hoping I could do the “header-buddypress.php” method as I’d only have to change 3 files and not 16 (I’m thinking of upgrades). I’ll put my pastebin files here if you could take a look.

    Header: http://pastebin.com/vU4dH9uX
    Footer: http://pastebin.com/6nNnamtr
    Index: http://pastebin.com/36hqvfhV
    Page: http://pastebin.com/gLBFu7zL
    Sidebar: http://pastebin.com/pDyvPU1N

    Thanks!

    2.) AJAX / Javascript Compatibility

    At the forums, for example, a member can’t create a new topic. If I switch to the default BP theme, works just fine (as it’s AJAX/JS that opens it up below). Is it a theme conflict? Or maybe I don’t have my DIVs in the right place? Thoughts? Or choose “Order By” and that doesn’t work either. But if you go over to the (BP) Groups (in regular WP) widget, that AJAX works fine. It’s only in the page content.

    Thank you so much for any help. Been spending hours on this the past few days and making progress, but just can’t get the AJAX working.

    Best,
    Bradley

Viewing 9 replies - 1 through 9 (of 9 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Whatever happened to Canvas BuddyPress child theme? I recall reading that it was the most downloaded theme in Woo or something like that.

    == I was hoping I could do the “header-buddypress.php” method ==

    Sorry, per initial scan of your files, you need to use the first method for theme compatibility – changing 16 BP template files. If you still want to proceed let me know.

    As for your concern about updates, come around BP 1.7 more or less, you won’t need to worry about this. We’d most probably will post some steps to upgrade the template files until them. Best thing to do is to backup DB and server files regularly.

    Avatar of likoma
    likoma
    Participant

    @likoma

    Thanks for the note. Yeah, big bummer, but WOO is no longer supporting Canvas BuddyPress. :-( So I’m trying to use a (blank) child theme. Yes, I’ll do the 16 files, thanks for the confirmation.

    Any thoughts on why AJAX/JS isn’t working?

    Thanks!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    == Any thoughts on why AJAX/JS isn’t working? ==
    Usually conflict with plugins. Have you tried deactivating some plugins (e.g. Jetpack) to check if issue is resolved? I always set up BP using bp-default theme and check that everything’s working before adding plugins or changing themes.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Based on the HTML structure of your theme, you need to use the first option, i.e., change 16 template files within the 6 BP folders transferred to your canvas child theme folder in server during the compatibility process.

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

    Download the 6 clean BP folders to your computer hard drive.

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

    `

    with
    `

    `

    Then, in each of 16 files, you’d like to change the BP Templates’ page title’s header tag from `

    ` or `

    ..

    ` to `

    // Titles Of Respective BP Page Templates //

    `, just watch out when you do this in the /activity/index.php page.

    Save files.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

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

    `

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

    `

    with the following for registration/register.php:
    `

    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 files.

    C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/canvas-child-theme-name/

    D. Copy the style modifications made in BP Twenty Ten at http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

    Avatar of musicdesigns
    musicdesigns
    Member

    @musicdesigns

    I’m using Wootheme’s Canvas too, would love to be able to use a BP child theme on it.

    Please keep us updated with your progress, would love to give it a whirl

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @musicdesigns @likoma created a child theme of Woo Canvas and used BP template pack plugin. What I posted above are the instructions for template pack, and it’s done.

    Avatar of likoma
    likoma
    Participant

    @likoma

    @mercime Thanks so much for the help. I have it all in there and it’s all looking great: http://chipyela.com/members/. My only issue is still the AJAX/Javascript. I’m stuck. On Members page, try Order By and the AJAX cog just keeps spinning.

    I don’t know much about AJAX and Javascript other than I know there can be conflicts. I don’t know how much you know about Canvas, but it’s a powerhouse: lots going on with all kinds of features. I’ve tried:

    – Made Canvas main theme (didn’t work),
    – Made other WOO themes active (then AJAX works),
    – Turned off any feature I could find in Canvas, (didn’t work),
    – Even deleted any JS file I found in Canvas (didn’t work, then put them back),

    Any ideas what it might be? Well, I guess we know what it is: a Javascript/AJAX conflict, but any ideas on fixing it? I use Canvas SO MUCH and I’m just getting into BuddyPress and I would love to get this working. I’m sure with the end of support at WOO for Canvas BuddyPress (for which the AJAX didn’t work either, BTW), it’d be great to have a Canvas theme working with BuddyPress.

    Any ideas are welcome! Thank you so much for your time.

    Avatar of noriise
    noriise
    Participant

    @noriise

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

You must be logged in to reply to this topic.