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