Announcement

Collapse
No announcement yet.

Related Products Issue

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Related Products Issue

    I am trying to have the related products listed in 3 columns and I can't seem to find out why the products will not display in columns, it will only display in one column. I have removed classes as I thought that was the issue but still does not work. What am I missing? Is there a script for the related products in the theme that could be causing this issue? Any help is greatly appreciated. Thanks in advance.

    Code:
            <p class="tab-current"><font color="#47A3DA">Make all your part and quantity selections, then click any "Add and Go to Cart" button when completed.<br></font></p>
            <hr>
            <form method="post" action="&mvte:urls:BASK:rr;">
            <input type="hidden" name="Action" value="ADPM" />
            <div class="column whole product-information--purchase">
                <mvt:foreach iterator="product" array="related_products:products">
                    <div class="product-item" style="width:25%">
                    <mvt:if expr="l.settings:product:inv_level NE 'out'">
                        <span class="item-buttons">
                        <input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
                        <input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
                        <input type="hidden" name="Attributes" value="Yes" />
                        <input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
                        <input type="hidden" name="Offset" value="&mvte:global:RelatedOffset;" />
                        <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />    
                        <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
                        <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />    
                        <input type="hidden" name="Products[ &mvt:product:id; ]:code" value="&mvte:product:code;">
                        <span class="product-details">
                        <mvt:if expr="NOT ISNULL l.settings:product:customfield_values:productimagecustomfields:main">
                            <img src="&mvt:product:customfield_values:productimagecustomfields:main;" alt="&mvte:product:name;" alt="&mvte:product:name;" height="150"><br>
                        <mvt:elseif expr="NOT ISNULL l.settings:product:thumbnail">
                            <img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" height="150"> <br>
                        <mvt:else>
                        <img src="graphics/00000001/img_no_related.jpg" height="150" alt="&mvte:product:name;" /> <br>
                        </mvt:if>
                        &mvt:product:name; &mvt:product:descrip; <br>
                        <mvt:if expr="l.settings:product:base_price GT l.settings:product:price"><s>&mvt:product:formatted_base_price;</s></mvt:if></span>
                        <span class="product-price">&mvt:product:formatted_price; ea.</span>                    
                        <div class="clear"></div>
                        <span class="product-details"><br>
                        <span class="product-add-to-cart-qty float-left medium-inline-block hide">Quantity:</span>
                            <input type="tel" name="Products[ &mvt:product:id; ]:quantity" value="0" class="align-center float-left increase-decrease-input" data-min="0">
                                        <div class="increase-decrease-wrap float-left">
                                        <span id="js-increase-quantity" class="button increase-quantity" unselectable="on" data-icon="&#x4c;"></span>
                                        <span id="js-decrease-quantity" class="button decrease-quantity" unselectable="on" data-icon="&#x4b;"></span>
                                        </div>
                        </span>
                        </span><br><br><br>
                    </mvt:if>
                    <div class="clear"></div>
                    </div>
                       <mvt:if expr="(POS1 MOD 12) EQ 0"><hr><center><button id="js-quickview-add-to-cart" class="button button-block uppercase add-to-cart bg-green white bold">Add and Go to Cart</button></center><hr></mvt:if>
                </mvt:foreach>
            </form>
            </div>

  • I'm wondering how would that affect your mobile version page speed.
    Thank you, Bill Davis

    Comment


    • There are several issues here. If you are trying to do columns with a ReadyTheme's slider...its just not going to work. If you are just trying to make a static set of columns you need to set the product's main container to 'float:left'. Also, the product's quantity control to increase or decrease the count wont work because you don't have unique IDs on the controls and quantity field.
      Bruce Golub
      Phosphor Media - "Your Success is our Business"

      Improve Your Customer Service | Get MORE Customers | Edit CSS/Javascript/HTML Easily | Make Your Site Faster | Get Indexed by Google | Free Modules | Follow Us on Facebook
      phosphormedia.com

      Comment


      • Thank you for the input, I was able to tinker with my coding and got it all working.

        Comment

        Working...
        X

        This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

        This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

        Accept