見出し画像

BASEのHTML編集でトップページの内容を非表示にする方法

こんにちは!web制作エンジニアの伊とうです。
BASEのHTML編集において、カテゴリーに該当する商品を表示する際などに「トップページの内容を非表示にしたい」と思うこと、ありませんか?
本記事では上記のお悩みを解決する方法を共有します。

結論:コードは下記です

<!--個別のカテゴリーページの下部でトップページの内容を非表示-->
<div id="top_page">
{block:IndexPage}

ここの内容が非表示となる。

<!-- これより上はTOP以外では非表示とする -->
{/block:IndexPage}
</div>
<script>
  $(function(){
  if(document.URL.match("/categories/")) {
  document.getElementById("top_page").style.display = "none";
  }});
</script>

コードの説明

カテゴリーページではURLに"/categories/"が付くので、そのときはtop_pageを非表示にする、という内容。
シンプルですが、強力なツールになると思います。



この記事が気に入ったらサポートをしてみませんか?