WordPress.org

Support

Support » Plugins and Hacks » Squelch Tabs and Accordions Shortcodes » [Resolved] Jquery themes not working

[Resolved] Jquery themes not working

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Matt Lowe

    @squelch

    Hi will48,

    The site isn’t currently showing any errors so it’s hard to diagnose. Could you try selecting a different theme (one that isn’t working) so that I can see the problem? Thanks.

    Matt

    Hi Matt,

    Thanks for your reply. I’ve just changed the theme from Blitzer to Redmond but there’s no change; in fact I’ve been through them all but all I get is the default.

    Really strange as the set up in my local host demo is basically the same but there I can flick through all of the themes at will.

    Will

    Plugin Author Matt Lowe

    @squelch

    Looks to me like the problem is Custom Contact Forms, it’s pulling in a jQuery UI CSS:

    <link rel='stylesheet' id='ccf-jquery-ui-css'  href='http://site1.catlowcarcompany.co.uk/wp-content/plugins/custom-contact-forms/css/jquery-ui.css?ver=3.6' type='text/css' media='all' />

    It’s doing it on the non-standard ID of ccf-jquery-ui where as Squelch TAAS loads jQuery on the more standard ID of jquery-ui-standard-css:

    <link rel='stylesheet' id='jquery-ui-standard-css-css'  href='http://site1.catlowcarcompany.co.uk/wp-content/plugins/squelch-tabs-and-accordions-shortcodes/css/jquery-ui/redmond/jquery-ui-1.9.2.custom.min.css?ver=0.3.1' type='text/css' media='' />

    Hi Matt,

    I’ve just deactivated Custom Contact Forms and it has done the job.

    Many thanks for your help.

    Will

    Plugin Author Matt Lowe

    @squelch

    Do you need CCF? If you do then we’re only half way to solving your problem.

    This is one area in which WordPress needs to improve: There’s little standardisation on which IDs the CSS for standard libraries should be loaded. Squelch TAAS uses jquery-ui-standard-css as that’s what WordPress uses and what most other libraries I’ve looked at have standardised on. But there’s nothing stopping plugin authors from using a different ID and then you get two copies of the same CSS loaded causing exactly this kind of problem.

    I’d raise it with the plugin author, but it sort of looks like CCF is struggling in that regard, they’re currently asking for developers to fork the project which sounds a lot like a cry for help.

    Hi Matt,

    Again thanks for your reply. Actually I don’t need CCF, I had used it more extensively on another site and therefore added it to this site, but there are alternatives.

    What I would like to ask you, and it may deserve its own thread, is the use of three level nested tabs. I found developing two level fairley straight forward as in:

    http://site1.catlowcarcompany.co.uk/juniors/

    but I’m trying to develop three level, on another local host demo site, and that is a whole new ball game.

    I installed the basic setup using your code and found that extending the subsub level ( for example 6 or more subsub tabs )was again straight forward, however, to then add another subtab with corresponding subsubtabs is proving to be a nightmare. After three days I’m no further forward!

    Is it possible for you to publish a general map/matrix in order to demonstrate how to extend three level nested tabs, for example, top level tab 1 and its corresponding subtabs and subsubtabs, top level tab 2 and its corresponding subtabs and subsubtabs and so on.

    I’m sure that I’m not the only user of your plugin that would find such a map/matrix extremely useful and time saving.

    Will

    Plugin Author Matt Lowe

    @squelch

    Hi WIll,

    There is an example of this in the project documentation (although it seems to have lost its formatting making it difficult to read, will fix when I get time):

    [tabs title="OUTER TABS"]
      [tab title="Outer tab"]
        [subtabs title="MIDDLE TABS"]
          [subtab title="Middle tab"]
            [subsubtabs title="INNER TABS"]
              [subsubtab title="Inner tab"]
                Tab content here
              [/subsubtab]
            [/subsubtabs]
          [/subtab]
        [/subtabs]
      [/tab]
    [/tabs]

    The thing is though that whatever you do it’s going to get messy with lots of layers of tabs and subtabs. I don’t generally recommend putting tabs in tabs to begin with as I think it’s bad from a usability perspective: People have your site open in a tab in their browser, and within your site you have a tabbed navigation system. Within the page of that tabular navigation is a row of tabs, and within those tabs you have a row of tabs, and then in that row of tabs you have a row of tabs.

    Is it possible for you to publish a general map/matrix in order to demonstrate how to extend three level nested tabs

    Not understanding what you’re after. Have you seen something elsewhere that you found helpful? I’m always interested in finding ways to make the documentation more user friendly.

    Hi Matt,

    Apologies for my tardy reply. I took your advice re too many tabs and decided to display the information I have more efficiently,and therefore just settle for two-level tabs, see:

    http://site1.catlowcarcompany.co.uk/juniors/

    Re other sites with tabbed pages,no I can’t say that I’ve seen anything interesting.

    Thanks for your interest.
    Regards,
    Will

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Jquery themes not working’ is closed to new replies.
Skip to toolbar