別サイトですが、ワードプレスとWelcartプラグインでECサイト作っています。
機能の一つの商品複合検索をする時のチェックボックスのカテゴリ一覧リストで、見せたくないカテゴリまで一緒にチェックボックスが出てしまうので、嫌だな~ってずっと思ってたんです。

でもWelcartのサポート掲示板とか見ても、詳細なPHPの書き方は書かれてないし、PHPでフックがなんちゃら…とか…読んでも読んでもわからない。私はこう、事務員の傍らの一人Web担なので、プログラムとかほんと辛いです…。
仕方ないのでCSSのdisplay:noneで非表示にしちゃうことにしました。

で、何したか自分で覚えておくためのメモ投稿です。

 

Welcart商品複合検索で特定のカテゴリ配下全部非表示にしたい時。

htmlのソース見ると、複合検索で見えるカテゴリは<fieldset class=”catfield-●“>というタグがついているので、
CSSで

#searchbox .catfield-●{display:none;}

で、消しちゃいました。

「#searchbox 」と付けたのはcatfieldが他にどこの画面で使われてるかわからないから念の為、検索の画面での話よって事にしたくて付けておきましたが、付けなくても効きました。

 

Welcart商品複合検索でカテゴリの中の1項目だけ消したい時

参考にしたページ
https://web-diy.jp/2017/03/170327_01/

ソースを見て、消したい項目のlabelに、「catlabel-●」というクラスがついているので、
”$”が使用できるjqueryを使えるようにして、Jsで、下記のように書きました。

(function () {
$(function(){
$(‘li:has(label.catlabel-●)’).addClass(‘parent’); //catlabel-●の商品
$(‘li:has(label.catlabel-◆)’).addClass(‘parent’); //catlabel-◆の商品
$(‘li:has(label.catlabel-▲)’).addClass(‘parent’); //catlabel-▲の商品
});
})(jQuery);

これで●◆▲それぞれの上のliタグにparentのクラスがつくので、
CSSで

#searchbox li.parent{display:none;}

と書いて非表示にしました。
この「#searchbox 」も念の為つけていますが、無くても効きました。

ふーーーー。

 

Welcart商品複合検索で「商品」「商品ジャンル」を消したい時

邪魔なんですよね、この「商品」「商品ジャンル」。

参考にしたページ
https://okwave.jp/qa/q9579987.html

えーー、最後に書かないと効かないのか…。
PHPいじりたくないけど仕方ないので、フッターのPHPの最後に、下記のように書きました。

<? if( welcart_basic_is_cart_page()): ?>
<script>
$(“legend:contains(‘商品’)”).css(“display”,”none”);
$(“legend:contains(‘商品ジャンル’)”).css(“display”,”none”);
</script>
<? endif; ?>

↑は、カートページだったら(複合検索ページはカートページ使ってるそうなので)、
<script>~<script>って書いてね、という事で簡単に加えました。

その上で、CSSに、下記のように書きました。

#searchbox fieldset.catfield-◎,
#searchbox fieldset.catfield-★ {
margin-bottom: 0px;
padding: 0px;
border: none;
}

◎と★は、ソースをみて「商品」と「商品ジャンル」のそれぞれのクラスのcatfield-の番号を入れます。

枠線等を消したかったので、margin-bottomとかpaddingとかborderとか、設定されてるのを何も設定されてない状態にしました。initialで設定したら、Chromeは線が消せたけど、IEでは消えなかったので、initialは使いませんでした。

これで、複合検索結果から「商品」と「商品ジャンル」を見えなくしました。
※本当は出力されてるけど、CSSで見えなくしただけ。

 

 

もうずっとPHPの書き方わかんないよーとか悩んでたけど、見た目はなんとかなったからいいかなと。

ページ読み込み時に一瞬見えちゃったり、ブラウザによって効かないかもしれないけど、見えたらとてもまずいものでもないので、消せるところで消せたらいいから良いことにします(笑)

投稿日時:2020年5月4日

(ブログカテゴリ: ブログ。)

 «  |  »