Panel Entry-Content not Active / not showing HTML content

  • Resolved bextester

    (@bextester)


    8 years, 9 months ago

    Hi there, experiencing a bit of anomaly.

    I am using the Custom Tabs plugin to display some Shipping info on the product page. I have 2 descriptions that are used Globally across 2 different product types. So for each product page 2 tabs should be displayed: 1) Features (default) and 2) Shipping (Custom Tab).

    I just imported 3000 thousand products to my clients site and there seems to be a few products not displaying the HTML description content on the Shipping Tab (Custom Tab). The tab description seems to appear on most of the products, but there are approx 400 or so that are not showing any content on the Shipping Tab. I checked the back end, on some of the products that aren’t showing the shipping info, and the HTML content is in the Custom Tabs field – it’s there, it imported – it’s just not showing on the front end for some reason. ??

    The HTML description content the Shipping tab is exactly the same as the other products that are working / displaying fine. The content was identical / copied across all products as a global description. Which has got me baffled. I even re-imported this data with content I can confirm is identical.

    For the sake of testing,
    1) I cut the HTML content out of the Text editor (as code), from the back end Custom Tabs field
    2) Saved/updated the product with a blank description
    3) Pasted the EXACT SAME HTML CODE (I cut from the field before saving blank) – pasted back into the Custom Tab field, saved the tab, updated the product and it appears in the front end –??!!!

    Now my issue is, I don’t want to go through and figure out what descriptions are showing / not showing and then change these manually with the above process. This method would take days and it would potentially be overridden within second, when a client performs another CSV import/update.

    When I look at Inspect Element, the source code shows the HTML content is in there. It’s imported to the back end and it showing in the code. The CSS is just not handeling it the same way as the products where it does display. For example, when I click the Features Tab the “panel entry-content” appears “active” (see example below). However, when I click the Shipping (Custom Tab) the “panel entry-content” not appearing as “active”. With the Custom tabs that are displaying fine, these are showing as “active”. See below.

    =========== PRODUCT TABS THAT ARE WORKING PROPERLY =============
    When FEATURE tab is clicked:
    <div class=”tab-panels”
    <div class=”panel entry-content active” id=”tab-description”> … </div>
    <div class=”panel entry-content” id=”tab-Shipping”> </div>

    When SHIPPING tab is clicked:
    <div class=”panel entry-content” id=”tab-description”> … </div>
    <div class=”panel entry-content active” id=”tab-Shipping”> </div>

    <<! The tab-Shipping is showing as active >>

    =========== PRODUCT TABS THAT ARE *NOT* WORKING PROPERLY =============
    When FEATURE tab is clicked:
    <div class=”tab-panels”
    <div class=”panel entry-content active” id=”tab-description”> … </div>
    <div class=”panel entry-content” id=”tab-Shipping”> </div>

    When SHIPPING tab is clicked:
    <div class=”panel entry-content” id=”tab-description”> … </div>
    <div class=”panel entry-content ” id=”tab-Shipping”> </div> <<<<<<<<< Not active

    <<! The ‘tab-Shipping’ div is not appearing to be active or have the “active” class applied. >>

    Is there any way to resolve this issue? Please help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor yikesitskevin

    (@yikesitskevin)

    8 years, 9 months ago

    Hi @bextester,

    First, you’ve explained the problem perfectly well. I understand exactly what you mean. However, I have never seen this before and don’t know how it could happen. At the moment, my only idea is a JavaScript error could be occurring on some of your product’s pages that is breaking the tab switching.

    Can you send me a URL to one of your product’s where the tab is working and a URL to one of your products where a tab is not working?

    Also, in your experience so far, have you noticed any logical relation between products whose tabs aren’t working? For example, have they been variable products, or products that might have some attribute that makes them display differently (or include different JavaScript)?

    I’m very interested in getting to the root of the problem. It’s bizarre.

    Thank you and sorry for the issue,
    Kevin.

    Thread Starter bextester

    (@bextester)

    8 years, 9 months ago

    Hi Kevin,

    Thanks so much for responding so promptly. I realised, over the weekend, that without some working examples it’s a bit hard to troubleshoot. It just so happens that my bf and I figured it out over the weekend.

    We noticed, in inspect element, that the Shipping tab description content (on the faulty examples) were being nested under the Features description content. Not as a separate <div> (like on the working examples). Which is why it wasn’t displaying/behaving properly when you clicked between the tabs. This got me thinking, same way you were, whats the logical connection between these products that aren’t working properly.

    So it turns out, long story short, the product description (HTML on Features Tab) was importing without a closing </div> tag. This was only happening to certain products, because unbeknownst to me, some of the products had slightly different descriptions. Contrary to what we had set up, the client was running a script to compile the description text (for the Features tab) and in some instances, omitting headings and text that weren’t applicable to specific product ranges. Problem was, it was also omitting a closing <div> tag in the content – which effected the whole tab system. No closing <div> in the Features content resulted in the Shipping Custom tab being nested incorrectly and therefore not displayed/behaving properly in the front end.

    We made adjustments to the description script our client had running in his excel, re-imported the csv data and it all works fine.

    So all good here. User/Client error. Your plugin is working fine. Thank goodness, ’cause we love it!

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    8 years, 9 months ago

    Hi @bextester,

    Good to hear and I’m glad you’re enjoying the plugin!

    Best of luck with your clients.

    Cheers,
    Kevin.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Panel Entry-Content not Active / not showing HTML content’ is closed to new replies.