• Resolved magnusjacobsson

    (@magnusjacobsson)


    Hello!

    First of all, thank you for a great plugin.
    I’d like to report two issues.
    Nothing major. I’ve found a workaround for issue 1 and issue 2 is just cosmetic.

    Issue 1.
    I’ve placed a html coded table inside a tab. This table has JavaScript in it. The rows (TR) look like this:
    <tr onclick=”window.open(‘https://www.xactnodbelysning.se/produktsortiment-nodbelysning-ups/tillbehor/pendel-500-2000mm-1p-eb/?attribute_farg=Vit&attribute_langd=500mm&#8217;, ‘_blank’)” style=”cursor: pointer;”>
    <td>0100702</td>
    <td>1PW-0,5</td>
    <td>Enkelpendel 500mm, inkl 4-ledare</td>
    </tr>

    Now, if you edit the product page and start in visual mode the code will disappear, showing only this:
    <tr style=”cursor: pointer;”>
    <td>0100702</td>
    <td>1PW-0,5</td>
    <td>Enkelpendel 500mm, inkl 4-ledare</td>
    </tr>

    This also happens if you switch from text mode to visual mode and back to text mode again. So it’s important that the product is edited with tabs set to text mode otherwise the code will be lost.

    Issue 2.
    On the product page, when you have more than one extra tab, the line that separates the tabs from each other only show on the final tab. Shouldn’t there be small vertical lines between each of the tabs?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi @magnusjacobsson,

    Thanks for the report.

    1. We use WordPress’ TinyMCE editor as the tab content editor, so issues there are somewhat out of our control. I know WordPress 5.6+ unearthed some issues with TinyMCE, I’m not sure if they’ve since been resolved. You may try updating to the latest available version.

    2. I see what you mean with regards to those separator lines. That’s actually coming from your theme. I see the following style:

    
    body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs li, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
        margin: 0 -2px;
    }
    

    That -2px on the horizontal is causing tabs to overlap, which is hiding the border on some screen sizes. If you change the screen size you can watch it change/flicker. The line is coming from the minified css file 6ljv8.css.

    Let me know if that helps,
    Jon

    Thread Starter magnusjacobsson

    (@magnusjacobsson)

    Hello Jon!

    Thanks for the response.
    I have the latest version of WP installed and will send a report about this issue to them instead.

    I see what you mean about the second issue as well.

    Best regards
    Magnus Jacobsson

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

The topic ‘Hides javascript code in editor and doesn’t show some tab separation lines.’ is closed to new replies.