Re: PR8 Update 7 Mini-Basket, Shipping Estimate, Template changes, and CSS changes
I'm still having trouble on my site with the link for the mini-basket. As you'll see if you visit www.baptist-books.com there are two pipe style characters following the mini-basket link. I have already remove the "Miva >> mini-basket tab >> advanced mode and delete <span class="grey">|</span>" code, but the pipe characters still remain. What am I missing? I'll include the code below.
Mini-Basket Code
Mini-Basket CSS
I'm still having trouble on my site with the link for the mini-basket. As you'll see if you visit www.baptist-books.com there are two pipe style characters following the mini-basket link. I have already remove the "Miva >> mini-basket tab >> advanced mode and delete <span class="grey">|</span>" code, but the pipe characters still remain. What am I missing? I'll include the code below.
Mini-Basket Code
Code:
<div id="mini-basket"> <a href="&mvt:global:secure_sessionurl;Screen=BASK&Store_Code=&mvta:store:code;" id="global-mini-basket-link">Basket<mvt:if expr="NOT l.settings:global_minibasket:empty"> Contents (&mvte:global_minibasket:basket_count;)</mvt:if></a> <mvt:if expr="NOT l.settings:global_minibasket:empty"> <div style="clear: both;"></div> <div id="global-mini-basket-hover-content"> <table width="100%"> <thead> <tr> <th colspan="2" align="left">Basket Summary</th> <th colspan="2" align="right"><a href="&mvt:global:secure_sessionurl;Screen=BASK&Store_Code=&mvta:store:code;">Basket</a><mvt:if expr="l.settings:global_minibasket:orderminimum_met"> / <a href="&mvt:global:secure_sessionurl;Screen=OINF&Store_Code=&mvta:store:code;">Checkout</a></mvt:if></th> </tr> </thead> <tbody> <mvt:foreach iterator="item" array="global_minibasket:items"> <mvt:if expr="(pos1-1) MOD 2 EQ 0 or pos1 EQ 1"><tr class="on"><mvt:else><tr></mvt:if> <td nowrap align="center" valign="middle"> <form method="post" action="&mvt:global:sessionurl;Screen=BASK"> <input type="hidden" name="Action" value="RPRD" /> <input type="hidden" name="Store_Code" value="&mvte:store:code;" /> <input type="hidden" name="Basket_Line" value="&mvte:item:line_id;" /> <input type="hidden" name="Offset" value="&mvte:global:Offset;" /> <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" /> <input type="hidden" name="CatListingOffset" value="&mvte:global:CatListingOffset;" /> <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" /> <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" /> <mvt:item name="buttons" param="Remove" /> </form> </td> <td colspan="2" width="100%" align="left"> <b><a href="&mvt:global:sessionurl;Screen=PROD&Store_Code=&mvta:store:code;&Product_Code=&mvta:item:code;">&mvt:item:name;</a></b><br /> Code: &mvt:item:code;<br /> Quantity: &mvte:item:quantity; <mvt:foreach iterator="option" array="item:options"> <br /> <mvt:if expr="l.settings:option:option_id"> &mvt:option:attr_code;: &mvt:option:opt_code; <mvt:elseif expr="NOT ISNULL l.settings:option:data"> &mvt:option:attr_code;: &mvt:option:data; <mvt:elseif expr="NOT ISNULL l.settings:option:data_long"> &mvt:option:attr_code;: &mvt:option:data_long; <mvt:else> &mvt:option:attr_code; </mvt:if> </mvt:foreach> </td> <td nowrap align="right" valign="middle"> <b>&mvt:item:formatted_subtotal_comprehensive;</b> </td> </tr> </mvt:foreach> </tbody> <tfoot> <tr> <td colspan="4" align="right">Basket Total: &mvt:global_minibasket:formatted_total;</td> </tr> </tfoot> </table> </div> </mvt:if> <script type="text/javascript"> function MiniBasket() { var self = this; this.content_container = document.getElementById( 'global-mini-basket-hover-content' ); this.display_link = document.getElementById( 'global-mini-basket-link' ); this.minibasket_backing = document.createElement( 'div' ); if ( this.content_container ) { this.minibasket_backing.className = 'minibasket_backing'; document.getElementsByTagName( 'body' )[ 0 ].insertBefore( this.minibasket_backing, document.getElementsByTagName( 'body' )[ 0 ].firstChild ); if ( this.display_link ) this.display_link.onclick = function() { ( ( self.content_container.style.display == 'none' ) ? self.Show() : self.Hide() ); return false; } if ( this.minibasket_backing ) this.minibasket_backing.onclick = function() { self.Hide(); return false; } this.content_container.style.display = 'none'; } } MiniBasket.prototype.Show = function() { var self = this; window.onresize = function() { self.Resize(); } this.content_container.style.display = 'block'; this.minibasket_backing.style.display = 'inline'; if ( document.documentElement.clientHeight > document.body.scrollHeight ) { this.minibasket_backing.style.height = document.documentElement.clientHeight + 'px'; } else { this.minibasket_backing.style.height = ( document.body.scrollHeight > document.documentElement.scrollHeight ) ? document.body.scrollHeight + 'px' : document.documentElement.scrollHeight + 'px'; } } MiniBasket.prototype.Hide = function() { this.content_container.style.display = 'none'; this.minibasket_backing.style.display = 'none'; window.onresize = null; } MiniBasket.prototype.Resize = function() { if ( document.documentElement.clientHeight > document.body.scrollHeight ) { this.minibasket_backing.style.height = document.documentElement.clientHeight + 'px'; } else { this.minibasket_backing.style.height = ( document.body.scrollHeight > document.documentElement.scrollHeight ) ? document.body.scrollHeight + 'px' : document.documentElement.scrollHeight + 'px'; } } var minibasket = new MiniBasket(); </script> </div>
Mini-Basket CSS
Code:
#global-mini-basket-container{ display: block; float: right; line-height: 22px; padding: 4px 3px 0px 0px; } #global-mini-basket-hover-content { display: none; float: left; z-index:10; position: absolute; min-width: 250px; max-width: 410px; background: #FFF; } #global-mini-basket-hover-content table { display: table; border-collapse: collapse; border-spacing: 0px; border: 1px solid #666; background: #FFF; } #global-mini-basket-hover-content table thead th, #global-mini-basket-hover-content table tfoot td { color: #FFF; padding: 5px; font-weight: bold; font-size: 13px; background: #666; } #global-mini-basket-hover-content table tbody td { padding: 3px 5px; line-height: 14px; color: #000000; } #global-mini-basket-hover-content table tbody tr.on td { background: #EEE; } #global-mini-basket-hover-content table thead th a { color: #FFF; } #mini-basket { line-height: 2px; } .minibasket_backing { display: none; position: absolute; left: 0px; top: 0px; width: 100%; }
Comment