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
Announcement
Collapse
No announcement yet.
Quick Cart Problems - Help!
Collapse
X
-
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"); });
Leave a comment:
-
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!
Leave a comment:
-
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;">
Leave a comment:
-
Anybody have a solution? Or an idea of what is causing the problem?
Leave a comment:
-
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]&maxx=55&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> </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&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"> </td> </tr> </table> </div> </body>
Last edited by shopgirltx; 08-26-2011, 04:27 PM.Tags: None
Leave a comment: