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.