Broken Related Products

[dts169]

Hi,

For the most part, related products work great on the store. The problem I'm having is when I have a product with both Volume Pricing and Attributes, it causes the Related Products slider to break. I tried adjusting the volume pricing table, but it doesn't fix the issue.

Here are the products in question:

http://104.36.49.45/page/product/STARPAINT

http://104.36.49.45/page/product/FLC5

[Jim Cockerham]

Re: Broken Related Products

On second thought it looks like the javascript is not running that modifies the css classes for the slider.

[Matt Zimmermann]

Re: Broken Related Products

It looks like that, by adding the volume pricing table, the DIV associated with showing the product price has been removed. With this missing, functions on the product page will break. To correct it, you should be able to alter the conditional to account for volume pricing or add the hidden version to your volume pricing layout.

[dts169]

Re: Broken Related Products

Hi Matt,

Thank you for replying to my thread. I'm afraid I don't really understand what you mean by the div associated with the product price has been removed. It looks like the div around the product formatted price is in tact, so I'm not sure if it requires another div around that or if I'm missing something.

I've included a little snippet of the code, if you could help me out by showing me exactly what you mean I'd be truly grateful!

Again here is the product in question: http://104.36.49.45/page/product/STARPAINT

    <!-- end product-information--images -->

    <div class="column whole medium-half product-information--purchase">
        <div id="js-processing-purchase" class="processing-purchase"><img src="../images/img_ajax_processing.gif" alt="Processing..." title="Processing..." /></div>
        <div id="js-purchase-message" class="message message-warning purchase-message"></div>

        <div class="row hide medium-show">
            <div class="column whole">
                <h1 class="light pioneer-color nm">&mvte:product:name;</h1>
                <small>&mvte:product:code;</small>
                <div class="breaker"></div>
                
                <div class="volprice column"><mvt:item name="volprice" param="product:id" /></div>
                <mvt:if expr="l.settings:volprice:table">

                     <mvt:else>
                     
                     <mvt:if expr="l.settings:product:price GT 0">
                    <div id="js-price-value" class="h3 nm" data-base-price="&mvt:product:price;">&mvt:product:formatted_price;</div>
                <mvt:else>
                    <div id="js-price-value" class="all-hidden" data-base-price="&mvt:product:price;"></div>
                </mvt:if>
                <mvt:if expr="l.settings:product:price EQ '0.00'">
                <h2>Call To Order<br>
                1-800-877-1500</h2>
             <mvt:else> 
             </mvt:if>
             </mvt:if>
                <mvt:if expr="l.settings:product:base_price GT l.settings:product:price">
                    <p>Normally: <s id="js-additional-price">&mvt:product:formatted_base_price;</s>
                <mvt:else>
                    <br />
                </mvt:if>
                <div id="js-product-discounts"></div>
            </div>
        </div>

[Matt Zimmermann]

Re: Broken Related Products

Try this modification and see if it corrects the error:

<!-- end product-information--images -->
<div class="column whole medium-half product-information--purchase">
    <div id="js-processing-purchase" class="processing-purchase"><img src="../images/img_ajax_processing.gif" alt="Processing..." title="Processing..." /></div>
    <div id="js-purchase-message" class="message message-warning purchase-message"></div>
    <div class="row hide medium-show">
        <div class="column whole">
            <h1 class="light pioneer-color nm">&mvte:product:name;</h1>
            <small>&mvte:product:code;</small>
            <div class="breaker"></div>
            <div class="volprice column"><mvt:item name="volprice" param="product:id" /></div>
            <mvt:if expr="l.settings:volprice:table">
                <div id="js-price-value" class="all-hidden" data-base-price="&mvt:product:price;"></div>
            <mvt:else>
                <mvt:if expr="l.settings:product:price GT 0">
                    <div id="js-price-value" class="h3 nm" data-base-price="&mvt:product:price;">&mvt:product:formatted_price;</div>
                <mvt:else>
                    <div id="js-price-value" class="all-hidden" data-base-price="&mvt:product:price;"></div>
                </mvt:if>
                <mvt:if expr="l.settings:product:price EQ '0.00'">
                    <h2>Call To Order<br />1-800-877-1500</h2>
                </mvt:if>
            </mvt:if>
            <mvt:if expr="l.settings:product:base_price GT l.settings:product:price">
                <p>Normally: <s id="js-additional-price">&mvt:product:formatted_base_price;</s></p>
            <mvt:else>
                <br />
            </mvt:if>
            <div id="js-product-discounts"></div>
        </div>
    </div>

[dts169]

Re: Broken Related Products

That worked! Thanks so much for your help Matt!