Tabs Not Working

open (20 posts) (2 voices)

  1. taracuda
    Member

    I haven't done any updating to this page for quite some time, but I just happened to visit it and the
    Vertical tabs are messed up. I ran into this a long time ago following a WP update and perhaps that is the case again, but could you please have a look? The info is showing in one continuous block.

    http://taracuda.com/home/services/pat-frye-photography/

    Thanks

    Attachments

    1. elliot.jpg (137 KB, 0 downloads) 6 months old
    Posted 6 months ago #
  2. OnePressTech
    Member

    Sorry to be the bearer of bad news but no one from MSMW staff have responded to this forum or email contacts for over 8 months.

    Regarding your issue...I took a quick look and you have some weird source from weblizer. The following lone of code appears in your web page source and it should not be there:

    <script type = "text/javascript" src = "http://www.getresmerized.com/wp-content/themes/persuasion/lib/scripts/tabs.min.js"></script>

    You have an Echelon theme loaded...not sure why there is a persuasion theme entry from getresmerized.com!

    FYI - The MSMW themes have not been updated for a couple of years and are behind in WordPress and php conventions. I have started an open source community for those people that wish to continue using MSMW themes called BackStop Themes if you are interested. See https:/backstopthemes.com for the non-techies and https://gitlab.com/BackStopThemes for the techies. BackStop themes are MSMW themes brought up-to-date to WP4.7 and php7 compliance. Clean-up is progressive and ongoing but each release is a stable release. Remember to backup before updating though in case you want to go back for some reason.

    Cheers,
    Tim

    Posted 6 months ago #
  3. taracuda
    Member

    That bit of code was something I placed on the site the last time this happened. I got it from this forum and it fixed the issue. Now I have no idea what to do other than scrap the tabs. Thanks so much for taking the time to update me. What a shame that the guys have gone MIA. Take care.

    Posted 6 months ago #
  4. OnePressTech
    Member

    You shouldn't need to scrap the tabs.

    Delete that following extra line of code you added...

    <script type = "text/javascript" src = "http://www.getresmerized.com/wp-content/themes/persuasion/lib/scripts/tabs.min.js"></script>

    It should never have been added. It is double-loading the same script but from a remote location. Not good practice from a security perspective.

    When you have removed that line of code I'll take another look at the browser debug console and we can fix it properly.

    Up to you :-)

    Posted 6 months ago #
  5. taracuda
    Member

    I appreciate your assistance. I did delete the line of code. Nothing changed, so I reworked all but one page where the horizontal tabs seem to be OK.

    Posted 6 months ago #
  6. OnePressTech
    Member

    Thanks for making the change. I did not expect that change to fix the problem based on your previous comment. I just needed that line removed so I could track down the real problem.

    If you do a "View Source" on your home page you will notice the following:

    			<div class="tabs_vertical_container">
    <div class="tabs_vertical_frame"><span class="bg_top"></span></p>

    You will notice in the code above that you have a terminating html paragraph but not an opening html paragraph. Also, the terminating html paragraph is being rendered in the middle of the tabs_vertical_container class.

    Possibilities:

    1) You have an un-terminated paragraph in your home page text
    2) You have an un-terminated paragraph in your vertical tabs title
    3) You have a plug-in loaded that contains or is configured to contain text with an un-terminated paragraph

    Take a look and see if you can trace it down. If you cannot find an unterminated paragraph try wrapping the vertical tabs shortcode with the raw shortcode ([raw] [/raw]). This could be a conflict with the WordPress auto-paragraph functionality.

    If none of this helps let me know. The alternative is a bit trickier to sort out. I noticed that the html looks fine in the browser debugger but has an un-terminated paragraph in the "view source". This may mean there is an issue with the javascript but I doubt it. "View Source" shows the original code and the debugger shows the post-browser parsing version of the source code.

    Let me know.

    Cheers,
    Tim

    Posted 6 months ago #
  7. taracuda
    Member

    I'll take a look, Tim. Thanks!

    Posted 5 months ago #
  8. taracuda
    Member

    I restructured the pages already, so I think I'm going to leave it for now. I really appreciate your assistance and if I run into any other issues, can I still contact (PM) you? I don't want to impose, but it's clear you know way more than I do. Thanks again.

    Posted 5 months ago #
  9. OnePressTech
    Member

    Any solution is a good solution :-)

    FYI - Someone else reported to me the same problem and it was, indeed, corrected by wrapping the shortcode with the raw shortcode [raw] ... [/raw].

    Posted 5 months ago #
  10. taracuda
    Member

    Not working for me. I guess I'm not putting the [raw] in the right place. All of my vertical tabs are messed up and the one I still have left in that format is my jewelry page. I'm freaking out!

    Posted 5 months ago #
  11. OnePressTech
    Member

    I see you have reorganised your site since we last talked. Send me a link to the new page causing you trouble and I will take a look. If you attach a copy of your page editor content I can tell you if you are placing [raw]...[/raw] correctly

    Posted 5 months ago #
  12. taracuda
    Member

    I hid the page for now, but here is the link: http://taracuda.com/home/jewelry-design/

    I took the [raw][/raw] off, but had placed it around the entire thing first - outside vertical tabs in beginning and closed at the end, but it didn't do anything, but wipe out some of my wording.

    Maybe you can tell me where it should go. Gosh I really appreciate your help. :)

    [tabs_vertical]
    [tab title="OVERVIEW"][image_frame style="framed_shadow" align="left" alt="Taracuda Jewelry" height="110" width="110" image_frame link_to = "false" prettyphoto = "false"]http://taracuda.com/home/wp-content/uploads/2016/12/blue-choker-heart-clasp2.jpg[/image_frame]<p style="text-align: justify;">Taracuda Jewelry was created to provide an attractive, unique accessory option to customers, as well as to raise money for charity. I have personalized some of the pieces by adding charms which represent specific charities that have touched my life.</p>
    <p style="text-align: justify;">
    THE BUTTERFLY - My mom, JoAnn, loved butterflies & referred to them as “flutterbys.” She had Alzheimer’s disease, so in her honor, when an item is purchased with a butterfly charm, a donation will be made to the Alzheimer's Association.</p>
    <p style="text-align: justify;">
    THE DRAGONFLY & FISH - Two weeks before her 16th birthday, my sister, Tamara, was diagnosed with AML and almost 30 years later, breast cancer. As an adult, she collected fish-related art and much later, became obsessed with dragonflies. Honoring her memory, I will be donating to the Leukemia/Lymphoma Society and/or the Breast Cancer Awareness Organization when items are purchased with the dragonfly or fish charms.</p>
    <p style="text-align: justify;">
    There are many worthy causes on my radar and I am also happy to discuss any custom project for your chosen charity or organization.</p>
    <p style="text-align: justify;">
    The materials used to create my designs include high grade leather cording, silver plated metals and silver-toned metal beads. All metals used are lead and nickel safe. Vegan cording options are also available upon request. If you are interested in purchasing any of the designs, please email me at the address provided below.
    </p>
    [email_link email="design@taracuda.com" variation="green" target="blank"]design@taracuda.com[/email_link]

    <span style="color: #baad1b;">NOTE: All photos in following galleries are copyrighted and the sole property of Taracuda Productions.</span>
    [/tab]

    [raw][tab title="BRACELET to NECKLACE"]
    <p style="text-align: justify;">Wrap bracelets that convert into a necklace for a two-in-one fashion solution. Available in (9) beautiful leather colors. Each design is slightly different from the next and are available in 3 lengths. Designs are made with silver plated, silver-toned, lead & nickel safe beads and clasps.</p>
    [fancy_images width="110" height="110"]
    [image]http://taracuda.com/home/wp-content/uploads/2017/01/sun-flower-claso-topaz-crystal-triple.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/purple-butterfly-flower-clasp-med.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/peral-scroll-clasp-med.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/pearl-scroll-clasp-med-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/pearl-flower-clasp-med.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/pearl-flower-clasp-med-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/grn-fish-wrap-long-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/grn-fish-fish-clasp-long.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/cross-medal-wrap.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/butterfly-heart-clasp-blue-long-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/butterfly-flower-clasp-long-blk.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/burg-heart-clasp-long.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/burg-heart-clasp-long-angle-2.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/burg-dragonfly-heart-clasp-med.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blue-med-butterfly-heart-sw.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blue-med-butterfly-heart.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blk-scroll-clasp-med.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blk-scroll-clasp-med-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blk-cross-medal-med.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/leaf-grn-flower-clasp-med.jpg[/image]
    [/fancy_images][/tab]

    [tab title="BRACELETS to CHOKER"]
    <p style="text-align: justify;">Wrap bracelets that convert into a choker for a two-in-one fashion solution. Available in (9) beautiful leather colors. Each design is slightly different from the next, but all are made with silver plated, silver-toned, lead & nickel safe beads and clasps.</p>
    [fancy_images width="110" height="110"]
    [image]http://taracuda.com/home/wp-content/uploads/2017/01/black-cross-flower-clasp.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2017/01/leaf-grn-scroll-clasp-swarovski-peridot-crystal-charm-dble.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2017/01/pearl-flower-clasp-tibetian-flower-charm-dble.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2017/01/leaf-grn-heart-clasp-dragonfly-flower-double.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/red-heart-clasp-choker.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/pearl-scroll-clasp-choker2.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/teal-fish-clasp-choker.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/bronze-heart-clasp-choker.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/black-cross-medal-hear-clasp-choker.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/grn-scroll-clasp-butterfly-choker.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/burg-choker-scroll-clasp.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/burg-choker-heart-clasp.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/burg-choker.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/bronze-fish-choker-fish-clasp.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/bronze-butterfly-choker-heart-clasp-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blue-choker-heart-clasp-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blue-choker-heart-clasp2.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blue-choker-heart-clasp.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blue-butterfly-choker-heart-clasp.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blk-flower-clasp-choker.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blk-coin-choker-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blk-coin-choker-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/black-cross-medal-choker.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/black-cross-medal-choker-open.jpg[/image]
    [/fancy_images][/tab]

    [[tab title="BRACELETS FOR STACKING"]
    <p style="text-align: justify;">Two-strand bracelets that can be stacked together to make a statement. Available in (9) beautiful leather colors. Each design is slightly different from the next, but all are made with silver plated, silver-toned, lead & nickel safe beads and clasps.</p>
    [fancy_images width="110" height="110"]
    [image]http://taracuda.com/home/wp-content/uploads/2017/01/blk-flower-clasp-flower-charm-stack.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blue-dragonfly-stack.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blk-stack.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2017/01/blk-tibetian-flower-clasp-stack.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/blue-leaf-bead-dragonfly-stack.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/burg-tibetian-stack.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/cross-stack-blk-v1.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/grn-dragonfly-stack.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/grn-fish-stack.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/purple-butterfly-leaf-bead-stack.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/purple-butterfly-stack-version3.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/purple-butterfly-leaf-bead-stack-version2-b.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/purple-butterfly-leaf-bead-stack-version2.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/stackables.jpg[/image]
    [/fancy_images][/tab]

    [tab title="EURO & CHAIN BRACELETS"]
    <p style="text-align: justify;">Euro & chain bracelets for simple elegance. Each design is created with silver plated, silver-toned, lead & nickel safe chains, beads and clasps.</p>
    [fancy_images width="110" height="110"]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/textured-rings.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/flower-link-bracelet.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/flower-link2.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/delicate-rosary-type-bracelet.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/euro-6.5-pink-flower-bead-toggle.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/lt-grn-heart-lobster-clasp-7.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/euro-7.5-red-blue-toggle.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/euro-7.5-ltgrn-toggle.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/euro-7.0-royal-toggle.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/euro-7.0-lt-pink-heart-clasp.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/euro-7.0-dk-teal-toggle.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/euro-6.5-turq.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/euro-6.5-purple-toggle.jpg[/image]
    [/fancy_images][/tab]

    [tab title="12 COLLECTION"]
    <p style="text-align: justify;">Wrap bracelets that convert into a necklace or choker for a two-in-one fashion solution. Available in (9) beautiful leather colors. Each design is made with silver plated, silver-toned, lead & nickel safe beads, clasps and rhinestone beads. Not your team - no problem! Let us know who is and we'll customize it for you!</p>
    [fancy_images width="110" height="110"]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/seahawks-heart-clasp-choker2.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/seahawks-collection.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/seahawks-shorter-wrap-heart-clasp-blk-open.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/seahawks-single-bracelet-blk.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/seahawks-wrap-med-blk.jpg[/image]
    [image]http://taracuda.com/home/wp-content/uploads/2016/12/seahawks-blk-heart-clasp-med.jpg[/image]
    [/fancy_images][/tab][/tabs_vertical]

    Posted 5 months ago #
  13. OnePressTech
    Member

    You should have this...
    [raw]
    [tabs_vertical]
    [/tabs_vertical]
    [/raw]

    Posted 5 months ago #
  14. taracuda
    Member

    Exactly what I tried and it wreaked havoc on my page. My words disappeared and the format was messed up. I'll try again though.

    Posted 5 months ago #
  15. taracuda
    Member

    Just tried again and same problem; the tabs now all appear with quotation marks and the layout is still messed up. Even though this page is hidden, it would be great to know how to actually fix it, so I can use my vertical tabs again.

    Posted 5 months ago #
  16. OnePressTech
    Member

    If you look above in the text content you sent me you will see that in the middle of the text you have an unterminated [raw] shortcode opener. See [raw][tab title="BRACELET to NECKLACE"].

    If you wrapper the tabs_vertical shortcode with the raw shortcode as I suggested then, yes, it would look weird.

    Please remove the rogue [raw] then try it again.

    Posted 5 months ago #
  17. taracuda
    Member

    Nope - I had fixed that after posting my message to you. Still doesn't work.

    Posted 5 months ago #
  18. OnePressTech
    Member

    Here's what happened....

    1) You are running an old version of Echelon that does not include the tabs javascript code.
    2) You had previously patched your tabs gap by retrieving it from someone else's website (<script type = "text/javascript" src = "http://www.getresmerized.com/wp-content/themes/persuasion/lib/scripts/tabs.min.js"></script>)
    3) Your tabs stopped working when the website you were hitching a ride from (http://www.getresmerized.com) changed their theme and their tabs JavaScript disappeared

    Solution:
    -------
    Backup your site and update to BST-Echelon (https://backstopthemes.com ).

    Cheers,
    Tim

    PS: I should have suggested you upgrade right up front...it would have saved us both a lot of time...it was an interesting debugging exercise though...it was staring me in the face all along but I couldn't see it...I assumed you were on the latest MSMW Echelon, hadn't clicked that jquery tabs was not included in the WordPress jquery library, saw the "missing jquery tabs" error in the debugger but assumed it was a jquery conflict or jquery loading order issue.

    Posted 5 months ago #
  19. taracuda
    Member

    Just curious how you are getting compensated for doing all of this for all of us. You must be one very generous individual. Thanks again!

    Posted 5 months ago #
  20. OnePressTech
    Member

    You are most welcome Taracuda. Let me know that it is all working fine after the upgrade and I will consider that payment in full :-)

    PS: Remember to copy any custom theme skins somewhere safe so you don't accidentally overwrite the files when you upgrade the theme.

    Regarding your curiosity question:
    -----------------------------
    I am currently compensated by my Managed Office Cloud clients. They pay me to manage their infrastructure which included MSMW themes. I chose to adopt the abandoned MSMW themes as BackStop Themes rather than absorb or pass on the cost to do a theme switch. My client software stack is 100% open source so I thought it only fair that I give back to the WordPress community and make BackStop Themes available to all. My plan is to focus on simplicity, reliability, and a better skinning engine. I am converting the 9 MSMW themes into one theme with 9 initial skins with more to be developed by me and the community moving forward.

    Regarding helping people like yourself...that is part community spirit and part R&D. I am trying to determine a sustainable least-cost support model for BackStop Themes moving forward. It can't be universally and indefinitely free as I suspect your question was intending to point out in a subtle way :-)

    My plan is as follows:
    ------------------
    1) Theme remains free to the community (maintenance cost is covered by community members, like OnePressTech, who earn a living managing client sites and factor this into their fees)
    2) High Priority Bug-fixes remain free (I believe charging a support fee to fix high priority bugs is an unacceptable practice...write clean code and test properly and this type of "support cost" disappears...no one should earn a living charging for support of poorly written code...that is just disingenuous)
    3) Feature enhancements the community develops for their own reasons and contributes should be provided free
    4) Feature enhancements that theme members want accelerated should be supported on a financial contribution basis (still working on a sensible model...basically this should be a reasonable number of contributors each paying a small fee to cover the development costs with the enhancement being contributed to the community to use at no charge moving forward...might be a general release lag to give contributors a commercial advantage in the marketplace for their investment for a limited period such as 6 months)
    5) Site-specific debugging, such as your case, would be chargeable...a sensible site-specific debugging service can't reliably be provided on a community volunteer basis

    Example: In the case of your problem...in the future BackStop Themes world...this would have been solved at no charge. Problem tickets for BackStop themes will only be accepted against LTS (Long Term Support) releases so, in your case, you would have had to upgrade the theme to one of the two active LTS BackStop theme releases to submit a trouble ticket. Just upgrading would have solved your problem. As I said previously...I should have asked you to upgrade right off. It would have saved us both time.

    I still need another 3-4 months of MSMW theme clean-up and test-case automation to declare our first BackStop Themes LTS release. LTS releases will be supported for 3 years with a 1-year overlap between releases and a provided 1-button press upgrade to the next LTS release. There will be only 1 LTS release per year. There will always be an active self-supported RC (Release Candidate) stream for developers and agencies to have immediate access to the latest and greatest. All LTS releases will be upgraded to address security and dependency (e.g. WordPress, PHP, jQuery, etc) issues if necessary.

    Cheers,
    Tim

    Posted 5 months ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme