Help with Child pages as tabs (5 posts)

  • Profile picture of Chris Hart Chris Hart said 8 months, 2 weeks ago:

    Yo yo.

    I’ve got an issue I could do with some advice on.

    Check out this page

    http://chrishart.co/demo/limecircle/solarpv/

    What I want to do here is feed in child pages of the parent (In this case Solar PV) as tabs. I’ve done it currently using a custom loop. It works but its not the best solution given that its duplicating page content and not allowing for direct linking to any of the tabs from another page.

    Any ideas on where to start?

    I’d like the following functionality
    • Content to be drawn in (AJAX) rather than loading all tabs in one go
    • Direct linking to tabs via the permalink of the child page
    • No duplication of content

    Thanks in advance.

    #
  • Profile picture of Michael Kimb Jones Michael Kimb Jones said 8 months, 1 week ago:

    Hmm, does it need to be in sub pages?? I mean could you have multiple content areas in a single page and call those back?

    #
  • Profile picture of Chris Hart Chris Hart said 8 months, 1 week ago:

    I’ve changed the demo now so that the pages are separate – default behaviour – but with a tabbed style sub nav appearing on any parent or child page.

    So I have no duplicate content issue, but they’re not really tabs in the strictest sense.

    #
  • Profile picture of Chris Hart Chris Hart said 8 months, 1 week ago:

    I think what your describing is how I had it first Kimb. My main issue with that method is the inability to link directly to each tab. (that I know of).

    #
  • Profile picture of Michael Kimb Jones Michael Kimb Jones said 8 months, 1 week ago:

    Not seen the demo :) on mobile. It depends on the tab system I think you can use #tab1 anchor links in most jQuery ones I’ve used.

    Will take a look later but top of my head check out the AJAX theme over at Digging into WP, I think it maybe similar, maybe :)

    #