How to modify the add to cart popup

I would like to modify the look of the "Product successfully added to the cart" popup. The look of it doesn't fit into my template very well and I would really like to get rid of that horizontal scroll that appears at the bottom.

Thanks for any insights

Great thank you Nicolas.

If anyone else is reading, I managed to tidy this popup up nicely with just CSS:

These 2 style declarations will fix the horizontal scroll and tidy up the button positioning.

#hikashop_add_to_cart_continue_div{
	float:left;
	margin: 0 20px 0 110px;
}

#hikashop_add_to_cart_checkout_div{
	float:left;
}

#hikashop_notice_box_message div.hikashop_success{
	background-color:#427060;
	border-bottom-color: #182E32;
	border-top-color: #182E32;
	color: #FFF;
}

I'd like to change the size of the add to cart popup but I can't find the file administrator/components/com_hikashop/helpers/cart.php. The folder "helpers" doesn't exist. Are the instructions here different in version 1.4.7?

Oh, right. It is there, I was looking in components, not administration. Sorry! Thank you!

Just in case someone came to this thread - the above styling won't work (or at least didn't for me) - however, I figured out that the iframe size needs to be changed along with the height of the sbox-window, reference to this thread may help: www.hikashop.com/forum/2-general-talk-ab...dow-cutting-off.html

Works on Joomla 3.1, hikashop v2.2

I've been reading through this thread, trying to figure out where to find the css for the added to cart popup but the locations that are mentioned don't seem to exist on the latest version of hikashop.

Can someone point me in the right direction to change the hover colors of the 2 buttons please, either directly in the css file or in my override.css?

I'm unable to view it in my css inspector in Chrome as it's a popup.

Thanks for the reply nicolas. The chrome css inspector doesn't seem to show the popup details for me? Can you tell me what the names of the buttons are so I can search for them in the hikashop.css file please.

Thanks but I'm still having problems locating the hover colour for both buttons - that's all I need to change (from red to grey)

I found these lines in the hikashop.css file;

#hikashop_add_to_cart_continue_div { float: left }

and

div.hikashop_success {
background-color: #CCFFBB;
border-bottom-color: #00AA00;
border-top-color: #00AA00;
color: #00AA00;
}

But changing the colours doesn't have any impact (but other changes in that file work ok)

@serbofleconcepts

I think you find it arround line 311 in the frontend.css file

OK, I disabled the pop notice for a while but now I want to add it back, so I'm back on the case with this. I've tried changing a lot of fields in the hikashop.css file (I'd prefer to edit this file via FTP as it allows me to store backups of different versions).

All I'm trying to do it to change the current red background (on hover) on the 2 lower fields to blue (#ccc)

Just buy any product on leconcepts.com and the popup will appear.

Thank you.

Hello,

Note that we won't be able to correctly check your popup code if you don't increase the value of the "Notice popup display time" option via "Hikashop->System->Configuration->Main".

OK, I have extended the poup time to 13s.

Thank you.

Thank you for your help Nicolas, I think I can find the solution now that I know where to look!