• Resolved ctclinesmith

    (@ctclinesmith)


    We have thoroughly enjoyed using SU for years, but we had two serious display problems after updating to 7.4.3 and reverted to 7.4.2 to fix them.  Everything has worked perfectly for years before the update and still works perfectly in 7.4.2.

    We use the Storefront child theme and Woocommerce.  All plugins are up to date (except SU is now 7.4.2). We use the classic view to build posts and products. 

    The rendering problem affects all of our product pages, not just the one shown here. Here is the full code for the description section of a product. In each of our product descriptions we add a shortcode to include an explanation post like this: 

    Prints of original art by Marla Jean Clinesmith are mounted under white mats (not pictured online) with a backer. Sizes shown are for the outside of the mat and fit common frame sizes.
    <h4>Explanation</h4>

    [su_post field="the_content" post_id="886"]

    Here is the full code for that explanation post:

    <div class="boxcont">

    <div class="explpara">
    <p>Man is restricted in the comprehension of the mechanics of things outside of time. This inability requires a marker of the beginning of time and end of time to establish the order of all things known and seen, as well as a hope for what lies beyond. Responding to that very dilemma, the writer of the book of Hebrews tells us: <em>"let us run with endurance the race that is set before us, looking unto Jesus (Yeshua), the author and finisher of our faith"</em> (Hebrews 12:1-2) That author and finisher prophetically initials His love letter to mankind thousands of times throughout the Old Testament by inserting the Aleph-Tav pictographs.</p>
    </div>

    [su_row class="topsect"]
    [su_column size="3/5"]
    <h1>Beginning and End</h1>
    <p>Aleph-Tav</p>
    <p>tA</p>
    <p>את</p>
    [/su_column]

    [su_column size="2/5"]
    <img src="https://www.hebrewwordpics.com/wp-content/uploads/2017/01/BeginningEnd2-150x150.png" alt="" width="200" height="200" size-medium wp-image-224" />
    [/su_column]
    [/su_row]

    <div class="ah-defs">
    <table>
    <tr>
    <td>A</td>
    <td>The 'Aleph' is the picture of an ox head and illustrates the strength of an animal. It can mean strong, power, or leader. It is the first letter of the Hebrew aleph-bet and therefore is also used as first or beginning.</td>
    </tr>
    <tr>
    <td>t</td>
    <td>The 'Tav' represents a sign, mark, covenant, or cross. As the last letter of the Hebrew aleph-bet, it also means last or end.</td>
    </tr>
    </table>
    </div>

    <!-- ====START Links at bottom of Expl pages--shopping carousel won't display on WooCommerce product pages====== -->
    [su_row]

    [su_column size="3/5"] &nbsp;
    <!--
    <div class="expl-video">
    [embedyt]https://www.youtube.com/watch?v=EUlRFYsvMAU&width=480&height=270[/embedyt]
    </div>
    -->
    [/su_column]

    <div class="woo-no-show expl-shop">
    [su_column size="2/5"]
    <a href="https://www.hebrewwordpics.com/product-tag/beginning/" target="blank" rel="noopener">[su_image_carousel source="taxonomy: product_tag/133" crop="none" arrows="no" dots="no" link="none" autoplay="2"]
    Explore Our Shop</a>
    [/su_column]
    </div>

    [/su_row]
    <!-- ========END Links at bottom of Expl pages ======================== -->

    </div>

    In each of the explanation posts we use shortcode columns.  When looking at the posts themselves, everything renders properly in both ver 7.4.3 and in 7.4.2, but when looking at the post after it is included in a product description odd things happen.  Using 7.4.3 the image near the top of the explanation post shows up twice and the commented out div and embedyt coding at the bottom left of the post shows the comment coding on a black background.  The other bottom item is designed to not show up in the product description and it works properly.

    This image is how it looks in 7.4.2

    These next 2 images show how it looks in 7.4.3 with a zoom in on the commented out area.

    If you have suggestions or need further info please let me know so I don’t have to stay with an outdated plugin.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter ctclinesmith

    (@ctclinesmith)

    Thread Starter ctclinesmith

    (@ctclinesmith)

    Do you use any of the Shortcodes Ultimate add-ons? If you do, you may need to update them, which you can do via the email you receive after following the steps here: https://getshortcodes.com/account/restore-purchase/

    Thread Starter ctclinesmith

    (@ctclinesmith)

    Thanks for the reply Hastibe, but I do not use any SU add-ons.

    Today I tried updating to 7.4.5 just hoping that maybe some other repair fixed my problem but it didn’t help. I’m going to have to stay with 7.4.2 for now.

    Thread Starter ctclinesmith

    (@ctclinesmith)

    Just noticed that somehow this had been marked as “resolved” but it is NOT. I rechecked the problem by upgrading to 7.4.5 again today and the rendering problem returned, so I downgraded to 7.4.2 and have re-marked it as “unresolved” again. I hope someone will have some ideas for me to try so I can keep this plugin up to date for security reasons.

    Thread Starter ctclinesmith

    (@ctclinesmith)

    Since the rendering errors all occurred inside an SU column, today I attempted to find out if it could be related. I copied the two lines that seem to be the offenders (the image and the commented out embedyt) and pasted them outside of the row/column shortcodes. The problem was exactly the same, so the row/column is not the culprit.

    Remember the problem only shows up when I attempt to show the post inside of a Woocommerce product description using the su_post shortcode. The image near the top of the post shows twice, and the html comment with the embedyt shortcode (but not the <div>) near the bottom of the post show up in browsers.

    So I’m thinking maybe the su_post shortcode is conflicting with Woocommerce somewhere. Everything works fine on ver 7.4.2 but renders wrong on 7.4.3 and above. I’m at my wits end.

    • This reply was modified 3 months, 1 week ago by ctclinesmith.
    Thread Starter ctclinesmith

    (@ctclinesmith)

    To attempt to solve this rendering problem I posed it to AI in both CoPilot and ChatGPT. AI offered different solutions but both agreed it was likely due to the shortcodes being wrapped inside of other shortcodes. AI recommended disabling SU’s HTML-comment wrapper and feature image display that would require changes to the function.php file. Other recommended fixes included creating and overriding the SU template in a child theme which seemed to me like it was the same as keeping version 7.4.2. Since each time I attempt a fix my website is disrupted for a time, I’ll just keep 7.4.2 and recheck every time a new version comes out.

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

You must be logged in to reply to this topic.