#record_cart {
[% IF rtl == 't' -%]
float: left;
+ margin-left: 5em;
+ [% ELSE; %]
+ float: right;
+ margin-right: 5em;
+ [% END; %]
+}
+#record_cart_icon {
+ [% IF rtl == 't' -%]
+ float: left;
margin-left: 2em;
[% ELSE; %]
float: right;
#record_cart_count_floater a {
text-decoration: none;
}
+#cart_actions {
+ [% IF rtl == 't' -%]
+ float: left;
+ [% ELSE; %]
+ float: right;
+ [% END; %]
+ color: [% css_colors.button_text %];
+ font-weight: bold;
+ text-decoration: none;
+ cursor: pointer !important;
+ border-radius: 5px;
+ border: 1px solid [% css_colors.primary %];
+ background-color: [% css_colors.primary_fade %];
+}
+#cart_actions a {
+ color: [% css_colors.button_text %];
+ text-decoration: none;
+}
.result_number {
[% IF rtl == 't' -%]
<div id="record_cart">
- <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 Cart') %]">
- </a>
- <div id="record_cart_count_floater">
+ <ul id="cart_actions" class="popmenu">
+ <li><a href="#" class="no-dec">[% l('Cart Actions') %]</a>
+ <ul>
+ <li><a href="#">[% l('Place Holds') %]</a></li>
+ <li><a href="#">[% l('Print Title Details') %]</a></li>
+ <li><a href="#">[% l('Email Title Details') %]</a></li>
+ <li><a href="#">[% l('Add to Saved List') %]</a></li>
+ <li><a href="#">[% l('Clear Cart') %]</a></li>
+ </ul>
+ </li>
+ </ul>
+ <div id="record_cart_icon">
<a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab="">
- <span id="record_cart_count">[% ctx.mylist.size %]</span>
- <span class="sr-only">[% l('records in cart') %]</span>
+ <img src="[% ctx.media_prefix %]/images/cart-sm.png[% ctx.cache_key %]" alt="[% l('View Cart') %]">
</a>
- </div>
+ <div id="record_cart_count_floater">
+ <a href="[% mkurl(ctx.opac_root _ '/mylist') %]" class="no-dec" rel="nofollow" vocab="">
+ <span id="record_cart_count">[% ctx.mylist.size %]</span>
+ <span class="sr-only">[% l('records in cart') %]</span>
+ </a>
+ </div>
+ </div>
</div>