Close

Lighthouse Theme does not display TABS properly.

bsgcraft
8 years ago
#10536 Quote
Avatar
  • 49
We have been using the lighthouse theme for a while and now we noticed the past 2 updates to Nop the tabs for overview and specs are not working properly. It almost appears they are missing some div tags.  The site is on a dev server and not available to the public but I can do my best to give you the info I can to assist us in a resolution.  

The install that does not display correctly appears to be lacking some styling class attributes. See below what HTML is being rendered:

<div class="productTabs" id="quickTabs">
        <div class="productTabs-header">
            <ul>
                <li>
                    <a href="#quickTab-description">Overview</a>
                </li>
                <li>
                    <a href="#quickTab-specifications">Specifications</a>
                </li>
                <li>
                    <a href="#quickTab-contact_us">Contact Us</a>
                </li>
            </ul>
        </div>
</div>


Whereas the code that should be rendering is this: 


<div class="productTabs ui-tabs ui-widget ui-widget-content ui-corner-all"
    id="quickTabs">
        <div class="productTabs-header">
            <ul class=
            "ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"
            role="tablist">
                <li aria-controls="quickTab-description" aria-labelledby=
                "ui-id-1" aria-selected="true" class=
                "ui-state-default ui-corner-top ui-tabs-active ui-state-active"
                role="tab" tabindex="0">
                    <a class="ui-tabs-anchor" href="#quickTab-description" id=
                    "ui-id-1" role="presentation" tabindex="-1">Overview</a>
                </li>
                <li aria-controls="quickTab-specifications" aria-labelledby=
                "ui-id-2" aria-selected="false" class=
                "ui-state-default ui-corner-top" role="tab" tabindex="-1">
                    <a class="ui-tabs-anchor" href="#quickTab-specifications"
                    id="ui-id-2" role="presentation" tabindex=
                    "-1">Specifications</a>
                </li>
            </ul>
        </div>
</div>


Any reason you can think as to why it is not rendering properly?

I do not have any other 3rd party plugins installed nor are there any other themes. I am using nop 3.7 and using the plugins/themes from the installation zip for 3.7

I only have the core plugin, the lighthouse theme plugin, and the tabs plugin installed currently.
Nate Kindom
Deni
8 years ago
#10538 Quote
Avatar
  • Moderator
  • 389
Hi jkeeler,

This looks to me like there is a JavaScript error. Please make sure you are using the latest version of all files of the plugin and clear your browser`s cache so that the modified files are used.
Best Regards,
Mladen Staykov
Nop-Templates.com
bsgcraft
8 years ago
#10553 Quote
Avatar
  • 49
Tried this and still nothing. Any other ideas?
Nate Kindom
Deni
8 years ago
#10554 Quote
Avatar
  • Moderator
  • 389
jkeeler wrote:
Tried this and still nothing. Any other ideas?


Hi, 

I can not tell you for sure what is your problem because I should see your website first.
You can submit a ticket and provide a link to your site so we can check what is the issue.
Best Regards,
Mladen Staykov
Nop-Templates.com
bsgcraft
8 years ago
#11905 Quote
Avatar
  • 49
FYI it appears the issue was a chrome ad blocking extension that needed to be disabled.

 "Fair AdBlock (by STANDS)": https://chrome.google.com/webstore/detail/fair-adblock-by-stands/lgblnfidahcdcjddiepkckcfdhpknnjh?utm_source=gmail

Nate Kindom
Deni
8 years ago
#11913 Quote
Avatar
  • Moderator
  • 389
jkeeler wrote:
FYI it appears the issue was a chrome ad blocking extension that needed to be disabled.

 "Fair AdBlock (by STANDS)": https://chrome.google.com/webstore/detail/fair-adblock-by-stands/lgblnfidahcdcjddiepkckcfdhpknnjh?utm_source=gmail



Hi, 

This is really strange. We will take a look at how it is working.

Thanks for your feedback !
Best Regards,
Mladen Staykov
Nop-Templates.com