[Помогите] colorbox - изменение размера окна

подскажите как можно слетать так что бы когда во всплывающей корзине удаляешь последний товар то появлялось моленькое окно по сравнению с корзиной.


вот как она щас отображается


вот как я хочу что бы оно отображалось


как можно добиться такого результата?

--- Добавлено, 21 ноя 2014 ---

на вот этот кусок коду

Код:

<div class="mini-cart-infos">
      <div id="headajaxcart" style="padding-left:20px;"><?php echo $text_ajaxcart_empty; ?></div>
        <img src="image/ocjoyajaxcart/loading.gif" id="ajaxcartloadimg"/>
        <table class="ajaxtotaltable">
              <tr id="ajaxtotal">
                <td>
                    <div id="ajaxcartempty"><a onclick="$.colorbox.close();"><?php echo $text_ajaxcart_continue; ?></a></div>
                </td>
              </tr>
          </table>
    </div>

 

чтобы было проще разобраться что и где используй Firefox с дополнением Web Developer
присвой css id и редактируй как надо
и кинь ссылку на сайт посмотрю

 

попробуйте после получения результата сделаnь $.colorbox.resize()

 

я не селён в этом но полагаю что должно получится что то похожее на

Код:

function headajaxcart (id){
    pid = $(id).parent().children('.product_id').val();
    quantity = 0;
    $.ajax({
        url: 'index.php?route=common/ocjoyajaxcart&update='+pid+'&qty='+quantity,
        type: 'post',
        dataType: 'html',
        success:function(data) {   
            $.colorbox({
                   href:'index.php?route=common/ocjoyajaxcart',
                   $.colorbox.resize()                   
        }       
    });
}

--- Добавлено, 22 ноя 2014 ---

или что то похожее на это

Код:

<script type="text/javascript">
    $('.mini-cart-infos').colorbox({   
  onComplete : function() {
       $(this).colorbox.resize({width:"300px" , height:"300px"});
  }   
});
</script>

 

второе ближе к истине
Но не совсем

Код:

<script type="text/javascript">
    $('.mini-cart-infos').colorbox({  
  onComplete : function() {
       $('.mini-cart-infos').colorbox.resize({width:"300px" , height:"300px"});
  }  
});
</script>

а первое...

Код:

function headajaxcart (id){
    pid = $(id).parent().children('.product_id').val();
    quantity = 0;
    $.ajax({
        url: 'index.php?route=common/ocjoyajaxcart&update='+pid+'&qty='+quantity,
        type: 'post',
        dataType: 'html',
        success:function(data) {  
            $.colorbox({
                   href:'index.php?route=common/ocjoyajaxcart',
onComplete : function() {
       $.colorbox.resize();}
        }      
    });
}

~~~~

 

вставил в код ничего не происходит ничего не меняется может ещё нужно какое то условие для работоспособности