using rokbox for new/edit address

Joomla modal system can be lodaded by two different ways:
1. set the class model in your link (the page is parsed in javascript to add an event on those links)
2. set the onlcick code that we have.

We had to put both in order to be able to work on all the different versions of mootools as well as avoid some problems on some templates (with javascript errors for example)

You removed the onclick event but you still have the modal class in the link. Once you remove it, you will only have the rokbox popup.


The new button will have a different HTML depending on the button style option in the configuration and by default it's a submit button, so it triggers the popup on the link above it self to open the popup. I didn't see any JS code to create the popup on a specific element in the rokbox documentation, so you might want to ask them. Otherwise, you can just remove it and just keep the code you generate the href link and use an image button like we do for the edit and delete buttons. That will be simpler. So it would be:

<a class="hikashop_checkout_<?php echo $this->type;?>_address_new" rel="rokbox" href="<?php echo hikashop::completeLink('address&redirect=checkout&task=add&step='.$this->step,true);?>"><img src="<?php echo HIKASHOP_IMAGES; ?>new.png" border="0" /></a>

Normally, in your template index.php file a lot of stuff should be loaded like css and javascript files in order to make the website pretty.
If they are not also in the component.php file, then you won't get the same look.
You might wanna ask your template developer about that.
The component.php file is used to display only the main part of the website without all the modules around and is not really used a lot. That's why template developers don't spend a lot of time on it and sometimes just provide the basic html without any styling in it.

The code can be found in the file administrator/components/com_hikashop/helpers/image.php in the function display.

As you can see, there is an override you can use.
You need to create the file: templates/YOUR_TEMPLATE/html/hikashop_image.php and put in it:

<?php
function hikashop_image_link_render(&$obj,$path,$addpopup,$optionslink,$html){
return '<a rel="rokbox(album)" title="'.$alt.'" target="_blank" href="'.$obj->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this,{parse: \'rel\'});return false; " '.$optionslink.'>'.$html.'</a>';
}

function hikashop_small_image_link_render(&$obj,$path,$addpopup,$optionslink,$html){
return '<a class="hikashop_image_small_link" rel="rokbox(album)" title="'.$alt.'" href="'.$obj->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;
" target="_blank" onmouseover="return hikashopChangeImage(\''.$addpopup.'\',\''.$obj->uploadFolder_url_thumb.'\',\''.$obj->thumbnail_x.'\',\''.$obj->thumbnail_y.'\',this);" '.$optionslink.'>'.$html.'</a>';
}


That way, you won't loose your modifications when updating.

For the notice popup, the link is triggered automatically in js. You would have to do the same with the rokbox js library. Since I don't know it I can't tell you the code to use.
If you know how to do that, you can put your code in the override functions hikashop_popup_render and hikashop_popup_js_render in a file templates/YOUR_TEMPLATE/html/hikashop_button.php like for the other template overrides.

You could just add directly a css header with such code in the component.php file of your template :
boy{ color:white !important;}