Quick Fix for Ajax Order form Sidebar

[Milliment]

Hi everyone,

 

I am sure i am not the onlyone to suffer this issue so i will get right into it.

 

I have had some major issues with the lovely floating sidebar shooting off the bottom of the page when you scrole down.

 

I have located the issue of this.

We have many config options for our servers and as such the sidebar auto fills with the information, this causes the floating sidebar to become to long for the page.

 

To fix this i have edited the config option part of the sidebar to include a scrole bar.

 

What i did was to put a scrole bar in this section :

 

{foreach key=num item=product from=$products}

<div class="itemdesc">
<strong><!--{$product.productinfo.groupname} - -->{$product.productinfo.name}</strong><br />
{if $product.domain}{$product.domain}<br />{/if}
{if $product.configoptions}
{foreach key=confnum item=configoption from=$product.configoptions}- {$configoption.name}: {if $configoption.type eq 1 || $configoption.type eq 2}{$configoption.option}{elseif $configoption.type eq 3}{if $configoption.qty}{$LANG.yes}{else}{$LANG.no}{/if}{elseif $configoption.type eq 4}{$configoption.qty} x {$configoption.option}{/if}<br />{/foreach}
{/if}
</div>

 

That way it would be a set size and would not shoot off the page.

 

To use this just replace the above code from :

 

whmcs install directory/order/templates/cartsummary.tpl

 

with the code bellow :

 

{foreach key=num item=product from=$products}

<div class="itemdesc">
<strong><!--{$product.productinfo.groupname} - -->{$product.productinfo.name}</strong><br />
<div style="height:150px;overflow:auto;">
{if $product.domain}{$product.domain}<br />{/if}
{if $product.configoptions}
{foreach key=confnum item=configoption from=$product.configoptions}- {$configoption.name}: {if $configoption.type eq 1 || $configoption.type eq 2}{$configoption.option}{elseif $configoption.type eq 3}{if $configoption.qty}{$LANG.yes}{else}{$LANG.no}{/if}{elseif $configoption.type eq 4}{$configoption.qty} x {$configoption.option}{/if}<br />{/foreach}
{/if}
</div>
</div>

 

It is only a temp fix untill soemone else comes up with a better solution.

 

Have fun everyone.