<div id="basket_actions">
<div id="select_basket_action" class="dropdown">
<a href="#" class="no-dec" id="cartDropdown" data-toggle="dropdown">
- <img src="[% ctx.media_prefix %]/images/cart-sm.png[% ctx.cache_key %]" alt="[% l('View Basket') %]">
+ <img id="cart_icon_image" src="[% ctx.media_prefix %]/images/cart-sm.png[% ctx.cache_key %]" alt="[% l('View Basket') %]">
<div id="record_basket_count_floater">
<span id="record_basket_count">[% ctx.mylist.size %]</span>
<span class="sr-only">[% l('Records In Basket') %]</span>
<div id="footer_logo">
[% l('Powered by') %]
<a href="http://evergreen-ils.org">
- <img src="[% ctx.media_prefix %]/opac/images/eg_tiny_logo.png[% ctx.cache_key %]"
+ <img id="footer_logo_image" src="[% ctx.media_prefix %]/opac/images/eg_tiny_logo.png[% ctx.cache_key %]"
alt="[% l('Evergreen') %]"
/>
</a>
-<img alt="[% l('Evergreen Logo') %]" src="[% ctx.media_prefix %]/opac/images/small_logo.png[% ctx.cache_key %]" class="mr-2" />
\ No newline at end of file
+<img id="topnav_logo_image" alt="[% l('Evergreen Logo') %]" src="[% ctx.media_prefix %]/opac/images/small_logo.png[% ctx.cache_key %]" class="mr-2" />
</div>
<div id="record_basket_icon">
<a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab="">
- <img src="[% ctx.media_prefix %]/images/cart-sm.png[% ctx.cache_key %]" alt="[% l('View Basket') %]">
+ <img id="cart_icon_image" src="[% ctx.media_prefix %]/images/cart-sm.png[% ctx.cache_key %]" alt="[% l('View Basket') %]">
</a>
<div id="record_basket_count_floater">
<a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab="">
<div id="footer_logo">
[% l('Powered by') %]
<a href="http://evergreen-ils.org">
- <img src="[% ctx.media_prefix %]/opac/images/eg_tiny_logo.png[% ctx.cache_key %]"
+ <img id="footer_logo_image" src="[% ctx.media_prefix %]/opac/images/eg_tiny_logo.png[% ctx.cache_key %]"
style="border:none; width: 94px; height: 16px;"
alt="[% l('Evergreen') %]"
/>
<div id="homesearch_main_logo">
- <img src="[% ctx.media_prefix %]/opac/images/main_logo.png[% ctx.cache_key %]"
+ <img id="homesearch_main_logo_image" src="[% ctx.media_prefix %]/opac/images/main_logo.png[% ctx.cache_key %]"
[% img_alt(l('Evergreen Logo')) %]/>
</div>
[% PROCESS carousels %]
- <div id="topnav_logo"> <a href="/"><img alt="[% l('Evergreen Logo') %]"
+ <div id="topnav_logo"> <a href="/"><img id="topnav_logo_image" alt="[% l('Evergreen Logo') %]"
src="[% ctx.media_prefix %]/opac/images/small_logo.png[% ctx.cache_key %]" /></a></div>
--- /dev/null
+Evergreen now has IDs associated with logos and cart images in the TPAC and Bootstrap OPACs to aid in customization. Images are as follows:
+
+* small Evergreen logo in navigation bar is 'topnav_logo_image'
+* the large Evergreen logo in the center of the splash page of the TPAC is 'homesearch_main_logo_image'
+* the cart icon is 'cart_icon_image'
+* the small logo in the footer is 'footer_logo_image'
+
+The Bootstrap OPAC does not have a homesearch logo icon as it is added in the background by CSS and can be directly styled through the CSS.
+