NOTICE POP UP

Hello, I need a little help with the pop notice , I change almost all, I add 6 images and what I need is to create those images a link and not use the : a.hikashop_cart_button, a.hikashop_cart_button:hover { , button. this is the code for one of the pictures:

<div id="hikashop_add_to_cart_continuediseno3_div">
<?php echo $this->cartClass->displayButton(JText::_('Click Here'),'Click Here',$this->params,'','window.top.location=\' us.miicards.com/products/postcards-designs-gallery\';return false;','id="hikashop_add_to_cart_continue_button3"'); ?>
</div>

this will help me a lot, thanks so much for the great app

Hi,

I see that you set a different id for each a tag so you can just do like that:
a#hikashop_add_to_cart_continue_button2{
background-image: url(' mywebsite.com/myimage2.jpg ');
color: transparent;
}
a#hikashop_add_to_cart_continue_button3{
background-image: url(' mywebsite.com/myimage3.jpg ');
color: transparent;
}

...etc...

Thanks , That is a css right? , Im talking about the PHP code in the notice view:

I have :

<div id="hikashop_add_to_cart_continuediseno3_div">
<?php echo $this->cartClass->displayButton(JText::_('Click Here'),'Click Here',$this->params,'','window.top.location=\' us.miicards.com/products/postcards-designs-gallery\';return false;','id="hikashop_add_to_cart_continue_button3"'); ?>
</div>


and what I want is to use the image as a link and not the( a.hikashop_cart_button, a.hikashop_cart_button:hover )

you can look that at us.miicards.com/products/product/185-sil.../category_pathway-24 you already have the login details ,

thanks so much

Then you should put your image HTML instead of the "JText::_('Click Here')" in that piece of code, like that:
<div id="hikashop_add_to_cart_continuediseno3_div">
<?php echo $this->cartClass->displayButton('<img src=" mywebsite.com/myimage.png"/ >','Click Here',$this->params,'','window.top.location=\'us.miicards.com/products/postcards-desig...allery\';return false;','id="hikashop_add_to_cart_continue_button3"'); ?>
</div>

Nic I try this , but still show I little square empty and is link (from : a.hikashop_cart_button, a.hikashop_cart_button:hover ), the image show correct but is not a link , here is what I use:


<div id="hikashop_add_to_cart_continuediseno3_div">
<?php echo $this->cartClass->displayButton('<img src="us.miicards.com/images/popup/option2.jpg"/>','Click Here',$this->params,'','window.top.location=\'us.miicards.com/products/postcards-designs-gallery\';return false;','id="hikashop_add_to_cart_continue_button3"'); ?>
</div>

thanks so much

I don't see that modification on your website.

look now , sorry I took that off , but is there now

I'm still not seeing it.

ummm , is there , did you click add to cart, then the pop up show , look the 3 box , I only did with that 3 box , it has a small dot and is the link , but is not working , thanks

That's because your image src link is not correct. You're missing the http://

Thanks so much Great, Now I need to play with the css to get things organize , wow great program , I love it

Nic, the a.hikashop_cart_button, a.hikashop_cart_button:hover { , still there , and is the same class for all buttons, the code is :

<div id="hikashop_add_to_cart_continuediseno3_div">
<?php echo $this->cartClass->displayButton('<img src=" us.miicards.com/images/popup/option3.jpg"/ >','Click Here',$this->params,'','window.top.location=\' us.miicards.com/products/postcards-designs-gallery\';return false;','id="hikashop_add_to_cart_continue_button3"'); ?>
</div>


I need to move things around using the css, I have the id: hikashop_add_to_cart_continue_button3 and #hikashop_add_to_cart_continue_button3:hover{ with some css, but if you see the box still have a.hikashop_cart_button, a.hikashop_cart_button:hover around , How I can fix this and be able to move the box with css.

thanks so much .

Nic, I have to change the css of a.hikashop_cart_button, a.hikashop_cart_button:hover { , to get the pop up like I want , I include ( padding 0px ) and works , but all others buttons in the shop are very small , take a look,
how I can fix that.

thanks so much . please look the pop up also

That's because in the code:
a.hikashop_cart_button, a.hikashop_cart_button:hover{
background-image:url(../images/button.jpg);
border:1px solid #433162;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
padding:5px 8px;
text-decoration:none;
cursor:pointer;
float:left;
margin-right: -5px;
white-space:nowrap;
padding: 0px;


}

you added a padding of 0px.
You should not do it like that.
Instead of should do like that:
#hikashop_add_to_cart_continue_button3, #hikashop_add_to_cart_continue_button3:hover{
padding: 0px !important;
}

Got it, thanks so much

Hi Nic, I don't know why in the notice pop up, the , a.hikashop_cart_button, a.hikashop_cart_button:hover still relate to that notice box, I create #hikashop_add_to_cart_continue_button3, #hikashop_add_to_cart_continue_button3:hover{ and so on for each link , but the a.hikashop_cart_button, a.hikashop_cart_button:hover still there, and went I roll over the options ,I can see the hover thing, try , Special in chrome of Safari that thing don't look good.

Thanks alot for the advice

I had a look but I couldn't find the problem. Could you give a method to reproduce the problem on your website ?

Hi, After awhile I got it work , thanks It was just a css thing ,thanks again