Announcement

Collapse
No announcement yet.

Quick Cart Problems - Help!

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

  • Quick Cart Problems - Help!

    I am having issues with the look of the quick cart feature on one of my websites. I did very little customization (just to minor code), yet it bumps the right side of the page off the viewable area (even with the code straight from common files). Take a look at the attached image of my issue, and the code below. If anyone can help me out I would really appreciate it. I turned the feature off for the time being to keep customers from getting frustrated.


    HTML Code:
    <body>
    <div style="width:774px;height:auto;padding:10px;">
    <table border="0" cellspacing="0" cellpadding="0">
        <tr>
    	    <td colspan="2" align="left" class="checkout-headers">[viewcart_quick-header]</td>
    	    <td align="right"><a href="#" onClick="close_modal();"><img src="assets/templates/common/images/close.png" border="0"></a></td>
        </tr>
        <tr>
    	    <td colspan="3"><img src="assets/templates/common/images/spacer.gif" height="10" width="10"></td>
        </tr>
    	<tr>
    		<td rowspan="2" valign="top">
    		<table border="0" cellpadding="4" cellspacing="0" width="480">
    			<tr>
    				<td class="titles2" style="padding:0px;">
    					<table cellpadding="4" cellspacing="0" border="0">
    					<tr>
    						<td class="titles2" align="left" width="280"><strong>[shoppingcart_items]</strong></td>
    						<td class="titles2" align="right" width="100"><strong>[shoppingcart_quantity]</strong></td>
    						<td class="titles2" align="right" width="100"><strong>[shoppingcart_price]</strong></td>
    						<td class="titles2" align="right" width="100"><strong>[shoppingcart_total]</strong></td>
     		</tr></table></td></tr>
    		<tr>
    			<td height="1" colspan="6"><img src="assets/templates/common/images/spacer.gif" height="1"></td>
    		</tr>
    		<tr>
    			<td style="padding:0px;">
    				<div style="max-height: 133px;overflow:auto;">
    					<table cellpadding="4" cellspacing="0" border="0">
    						<!--START: SHOPPING_CART_ITEM-->
    						<tr>
    							<td width="280" height="60" valign="middle">
    							<table border="0" cellpadding="0" cellspacing="0" width="100%">
    								<tr>
    									<td><a href="product.asp?itemid=[ITEM_CATALOGID]"><img src="thumbnail.asp?file=[THUMBNAIL]&amp;maxx=55&amp;maxy=55" style="border: 1px solid #e7e7e7;" border="0"></a></td>
    									<td style="padding-left: 3px;">
    									<div style="width: 220px;white-space:normal;"><a href="product.asp?itemid=[ITEM_CATALOGID]">[ITEM_NAME]</a></div>
    									<!--START: itemoptions--><div>
    								<a href='#' onClick="toggle('opt[ITEM_ID]')">View/Hide options</a>
    								<div id=opt[ITEM_ID] name=opt[ITEM_ID] style="display:none;">[OPTIONS]</div>
    								</div><!--END: itemoptions--></td></tr></table>
    								</td>
    							<td valign="middle" class="item" align="right" width="50">[ITEM_QUANTITY]</td>
    							<td valign="middle" class="item" align="right" width="100">[ITEM_PRICE]</td>
    							<td valign="middle" class="item" align="right" width="100">[ITEM_SUBTOTAL]</td>
    						</tr>
    						<!--END: SHOPPING_CART_ITEM-->
    					</table>
    				</div>			</td>
    		</tr>
    						<tr>
    							<td colspan="4" align="right"><input type="button" value="[shoppingcart_updatecart]" onClick="parent.location.href='view_cart.asp';" height="5" class="btn" onMouseOver="this.className='btn_over'" onMouseOut="this.className='btn'"></td>
    						</tr>
    		</table>		</td>
    		<td valign="top"><img src="assets/templates/common/images/spacer.gif" width="12" height="1" alt=""></td>
    		<td align="center" valign="top" style="padding-top: 0px;"><table border="0" cellpadding="5" cellspacing="0" width="250">
    			<tr>
    				<td style="border: 1px solid #c0c0c0;"><table width="100%" border="0" cellpadding="0" cellspacing="0">
    			<tr>
    				<td class="page_headers">[viewcart_quick-title]</td>
    			</tr>
    			<tr>
    				<td class="checkout-headers">[viewcart_quick-itemsincart]</td>
    			</tr>
    			<tr>
    				<td class="price-info" height="60">Subtotal: <span class="price">[CARTSUBTOTAL]</span></td>
    			</tr>
    			<tr>
    				<td align="center"><input type="button" style="width:175px;" value="[viewcart_continue-shopping]"onclick="parent.location.href='[continue_url]';" height="5" class="btn" onMouseOver="this.className='btn_over'" onMouseOut="this.className='btn'"></td>
    			</tr>
    			<tr>
    				<td align="center"><input type="button" style="width:175px;" onClick="parent.location.href='view_cart.asp';" value="[viewcart_checkout-button]" height="5" class="btn" onMouseOver="this.className='btn_over'" onMouseOut="this.className='btn'"></td>
    			</tr>
    
    		</table></td>
    			</tr>
    		</table></td>
    	</tr>
    	<tr>
    		<td>&nbsp;</td>
    		<td height="51" align="center">
    	</tr>
    	<tr>
    		<td colspan="3"><!--START: FEATURE_MENU-->
    			<table width="100%" cellspacing="0" cellpadding="0" border="0">
    				<tr>
    					<td class="titles"><div style="width:100%;white-space:nowrap;overflow:hidden;">[viewcart_feature-header]</div></td>
    				</tr>
    				<tr>
    					<td class="alternative"><table border="0" cellspacing="0" cellpadding="5" width="100%" align="center" id="Table13">
    							<!--START: CATEGORY_ITEMS-->
    							<!--START: ITEM_TEMPLATE_0-->
    							<table cellspacing="0" cellpadding="0" border="0" width="100%">
    									<tr><td align="center"><a href="product.asp?itemid=[catalogid]"><img src="thumbnail.asp?file=[THUMBNAIL]&maxx=80&maxy=80" alt="[name]" border="0"></a></td>
    									</tr>
    									<tr><td class="item" align="center" height="30"><a href="product.asp?itemid=[catalogid]" target="_parent">[name]</a></td>
    									</tr>
    									<tr><td class="price-info" valign="top" align="center" height="40"><!--START: ITEMPRICE-->
    											<strong>[product_retailprice]*</strong><span class="price">[ITEMPRICE]</span>
    											<!--END: ITEMPRICE-->
    											<!--START: SALEPRICE-->
    											<table cellpadding="0" cellspacing="0">
    												<tr><td class="price-info" nowrap="nowrap"><strong>[product_retailprice]*</strong><s>[ITEMPRICE]</s></td></tr>
    												<tr>
    													<td valign="top" nowrap="nowrap" class="price-info"><strong>[product_onsale]:*</strong><span class="price">[ITEMSALEPRICE]</span></td>
    												</tr>
    											</table>
    											<!--END: SALEPRICE--></td>
    									</tr>
                                        <tr>
                        <td class="item" align="center" valign="middle"><input  type="button" value="Add to Cart" onClick="window.location='add_cart.asp?quick=1&amp;item_id=[catalogid]'" class="btn" onMouseOver="this.className='btn_over'" onMouseOut="this.className='btn'"></td>
                      </tr>
    								</table>
    							<!--END: ITEM_TEMPLATE_0-->
    							<!--END: CATEGORY_ITEMS--></table></td>
    				</tr>
    			</table>
    			<!--END: FEATURE_MENU--></td>
    	</tr>
        <tr>
    	    <td colspan="3">&nbsp;</td>
        </tr>
    </table>
    </div>
    </body>
    https://www.waynedaltonparts.com/ass...rs/firefox.JPG
    Last edited by shopgirltx; 08-26-2011, 04:27 PM.

  • #2
    seems to work now...

    Comment


    • #3
      Anybody have a solution? Or an idea of what is causing the problem?

      Comment


      • #4
        Not sure how familiar you are with HTML, here is what you need to do.

        Edit the View_Cart_Quick.html and change the width to higher than 774:
        Code:
        <div style="width:774px;height:auto;padding:10px;">
        Elegant Weddings +
        www.elegantweddingsplus.ca
        www.elegantweddingsplus.com

        Comment


        • #5
          I am somewhat familiar with HTML. I did try fiddling with that, and it didn't seem to make any difference. I will try again though...I am pretty sure the width is also defined in the javascript ("/assets/templates/common/js/quick_view.js") located in the common files. Would I have to edit this and save it in my template files then direct the link in the <head> to the new location? Maybe that's why it didn't work when I tried to make the width different the first time? Thanks for your response!

          Comment


          • #6
            the quick_view.js is also set to 774px, will need to modify that as well.
            I don't use quick cart or quick view, therefore, cannot test it but this should be the direction to go about getting it fixed.

            Code:
            $(document).ready(function () {
                if (window.location.search.indexOf("quickcart") != -1) {
            
                    jQuery.modal('<iframe style="padding:0px;margin:0px;border:none;" frameborder="0" src="view_cart_quick.asp" height="496" width="774" SCROLLING=no>', {
                        closeHTML: "",
                        containerCss: {
                            backgroundColor: "#fff",
                            borderColor: "#fff",
                            height: 496,
                            padding: 0,
                            width: 774
                        },
                        overlayClose: true
                    });
            
            
            
                }
            
                jQuery("<div id='qv_buttons'></div>").appendTo("body");
            
            });
            Elegant Weddings +
            www.elegantweddingsplus.ca
            www.elegantweddingsplus.com

            Comment


            • #7
              well...thats not quite it.

              I made those tweaks, and here was my result...any more ideas? lol

              https://www.waynedaltonparts.com/ass...rs/Capture.JPG

              Comment

              Working...
              X