WordPress.org

Ready to get started?Download WordPress

Forums

Squelch Tabs and Accordions Shortcodes
[resolved] Jquery themes not working (9 posts)

  1. will48
    Member
    Posted 10 months ago #

    Hi, I've just installed the Squelch Tabs and Accordions Shortcodes plugin firstly on a local host demo, which is working fine, and then on a hosted website which is not working fine. On the hosted site I can only get the smoothness theme despite changing it via appearance and settings for another theme.

    In both cases I'm running wordpress 3.6 with the Suffusion theme.

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

    I'd be grateful for any help in fixing this problem.

    Thanks

    http://wordpress.org/plugins/squelch-tabs-and-accordions-shortcodes/

  2. Matt Lowe
    Member
    Plugin Author

    Posted 10 months ago #

    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

  3. will48
    Member
    Posted 10 months ago #

    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

  4. Matt Lowe
    Member
    Plugin Author

    Posted 10 months ago #

    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='' />
  5. will48
    Member
    Posted 10 months ago #

    Hi Matt,

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

    Many thanks for your help.

    Will

  6. Matt Lowe
    Member
    Plugin Author

    Posted 10 months ago #

    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.

  7. will48
    Member
    Posted 10 months ago #

    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

  8. Matt Lowe
    Member
    Plugin Author

    Posted 10 months ago #

    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.

  9. will48
    Member
    Posted 10 months ago #

    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

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.