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を非表示にする、という内容。
シンプルですが、強力なツールになると思います。
この記事が気に入ったらサポートをしてみませんか?