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