EC-CUBE3 の受注管理で「帳票出力」ボタンを押しやすくするカスタマイズ

モチベーション

EC-CUBE3では帳票出力プラグインを導入することで帳票出力が可能となる。
帳票出力はよく使う機能ではあるが、ボタンが「その他」項目にまとめられていて押しにくい。
少しでも簡単に帳票出力ができるようにしたい。

方針

「その他」を展開して表示させることで、そのほかのボタンも押しやすくする。
JavaScriptが効かなくなるので、HTMLの構造は崩さず、CSSで変更する。

変更

src/Eccube/Resource/template/admin/Order/index.twig の stylesheet ブロックに以下のようにCSSを追加します。

src/Eccube/Resource/template/admin/Order/index.twig

{% block stylesheet %}
<link rel="stylesheet" href="{{ app.config.admin_urlpath }}/assets/css/bootstrap-datetimepicker.min.css">

{# ここから追加 #}
<style type="text/css">
# result_list_main__other_menu_toggle { display: none }
# dropmenu .dropdown-menu { display: block; position: static; border: none; padding: 0; margin: 0; float:none }
# dropmenu .dropdown-menu li { display: inline-block }
</style>
{# ここまで追加 #}

{% endblock stylesheet %}

すると「その他」が展開され、以下のような表示となります。

「その他」が煩わしいと思われた方はぜひ試してみてください。