Add Large Image (link) in Admin

By | June 19, 2013

How to make the “add large image” link more prominent. In a standard osCommerce, the add large image link looks like this;


It’s the tiny line of text with a blue cross. I get quite a few emails a month regarding this, as it’s not obvious to see it. So, let’s make it look more like this:


That is obviously a lot better looking and of course the style would change if you changed the main UI theme.

Open up categories.php and find:

<a href=”#” onclick=”addNewPiForm();return false;”><span class=”ui-icon ui-icon-plus” style=”float: left;”></span><?php echo TEXT_PRODUCTS_ADD_LARGE_IMAGE; ?></a>

Change to:

<span class=”tdbLink”><a href=”#” id=”add_image” onclick=”addNewPiForm();return false;”><?php echo TEXT_PRODUCTS_ADD_LARGE_IMAGE; ?></a></span>
<script type=”text/javascript”>$(“#add_image”).button({icons:{primary:”ui-icon-plus”}}).addClass(“ui-priority-secondary”).parent().removeClass(“tdbLink”);</script>

In case the blog messes up the code, you can find the change at pastebin also. Enjoy.

Leave a Reply

Your email address will not be published.