checkout popup, there is a square icon

-- url of the page with the problem -- : test.ertmania.dk
-- HikaShop version -- : 2.2.1x
-- Joomla version -- : 3.1x
-- PHP version -- : x.x.x
-- Browser(s) name and version -- : XXXXX x.x.x
-- Error-message(debug-mod must be tuned on) -- : Error_message

Hello,

Anyone know how to change the width and height of the box?

I'm a little newbie with that and i can't identify which file modify.

Thanks,

Hi there,

You should take a look at our documentation: www.hikashop.com/support/2013-08-08-00-1...ize-the-display.html
It's giving some keys to customize the display so you should be able to change the size of the popup .
The interesting css property for you in this case is the width and the height of the popup.

Hi Eliot, thanks for your fast reply.

I've been looking at the documentation and I searched through the CSS and can not find where to change the dimensions of the box.

The code:

<div id="sbox-window" role="dialog" aria-hidden="false" class="shadow" style="z-index: 65557; left: 470px; top: 117px; width: 480px; height: 140px;">
<div id="sbox-content" class="sbox-content-iframe" style="opacity: 1;">
<iframe src="/tienda-hika/checkout/notice/tmpl-component" frameborder="0" width="480" height="140"/>
</div>

Hi, Can't find the file you are referring to to add this override on your documentation page. Would yo mind providing the location and file name to add this override.

Thanks

I have done several tests and i haven't been able to achieve this.

Me too. I would like the box to be smaller, you can't see both ends at once, especially on a mobile phone.

It worked for me, thank you..!

I believe this all stems from the template being used and not Hikashop. I use Artisteer.

This was my solution:

1. remove component.php from your template folder
2. added this to frontend css file:
#system-message-container, #hikashop_notice_box_content {width: 450px;overflow:hidden;}

My scroll bars disappeared as well as the bullet icon.

My pop up message disappears, when using the hikashop_button.php.

When I insert the code in wordpad hte formatting is removed when saved. Does that mean anything?

I used Notepadd++ to create a file named hikashop_button.php
The code:

return '<div style="display:none;">'.
'<a rel="{handler: \'iframe\',size: {x: 480, y: 140}}" id="hikashop_notice_box_trigger_link" href="'.hikashop_completeLink('checkout&task=notice'.$url_itemid,true).'"></a>'.
'<a rel="{handler: \'iframe\',size: {x: 480, y: 140}}" id="hikashop_notice_wishlist_box_trigger_link" href="'.hikashop_completeLink('checkout&task=notice&cart_type=wishlist'.$url_itemid,true).'"></a>'.
'</div>';
}
I uploaded the file to the template I use/html and the popup message is gone and this is shown: function hikashop_popup_render() {
function hikashop_popup_render() { return ''; }

Yes, that helped.
But, now the popup box just show a part of the message container?