教文館の社内ナレッジベースです。

更新2020.1.28

旧システムの変更方法では変更不可となったため新しく記事を更新します。

ステータスボタンの長さを揃えるCSSの独自カスタマイズ。アップグレードの度に変更する必要があります。

public_html/design/backend/css/tygh/ui_base/buttons.less

内の最下部に下記の記述を記載。

[class*=”o-status-“]{
width: 200px !important;
white-space: normal !important;
word-break: break-all !important;
}

以上。

これ以外に簡単に変更をするためにmy_changesを利用する手もあり。というかこちらの方法が本流。

https://stock.andplus.co.jp/index.php?dispatch=cp_blog.view&post_id=18

 

以下は過去記事


単純なcssの変更ですが、LESSを扱って、文字コードが変わったので次回注意。管理画面崩れました。テスト環境のバックアップを適用して何とか復旧。

本題。

これが変更点。ステータスボタンの長さをそろえる。これで見やすくなる。

具体的にはどこでもいいので、public_html/design/backend/css/

の中にあるCSSまたはLESSファイルに

[class*=”o-status-“] {
width: 150px !important;

white-space: break-word !important;
}

を書き込めばよい。かつてアドオンでcssを変更する方法が紹介されていたが、CS-cartはグレードアップごとに構造やクラスが大幅に変わるようなので、アドオン作成しても、その内容を大幅に書き換える必要がある。それなら変更点を別にこのようにまとめておいて、アップグレードするたびに該当部分を修正したほうがまし。

カスタマイズすればするほど後が大変になるCS-cart・・・高機能で自分の勉強にはなるけど、・・・・便利なのか?いや便利ではあるが、自前である程度管理するといったことはほぼほぼ無理っぽい。ここら辺がカートシステムの限界だろうか。