商品一覧ページにおいてバナーの挿入場所を変更する

ITOBEN STYLE > EC-CUBEプラグイン > カテゴリページ|バナーと説明プラグイン4.2 > 商品一覧ページにおいてバナーの挿入場所を変更する

2024年11月28日カテゴリー:

商品一覧ページにおいてバナーの挿入場所を変更する

バナーの挿入場所は次のファイルで指定されています。

■app/Plugin/ListpageBanner/Resource/template/default/add_listpage.twig

{% if Layout.ContentsTop %}
	<script>
		$(function() {
			$('.ec-layoutRole__contentTop').prepend($('.ec-layoutRole__ListPage'));
		});
	</script>
{% else %}
	<script>
		$(function() {
			$('.ec-layoutRole__contents').before($('.ec-layoutRole__ListPage'));
		});
	</script>
{% endif %}
<div class="ec-layoutRole__ListPage">
	{{ include('Block/listpage_banner.twig') }}
</div>

{% if Layout.ContentsTop %}

$(function() {

$('.ec-layoutRole__contentTop').prepend($('.ec-layoutRole__ListPage'));

});

</script>

{% else %}

$(function() {

$('.ec-layoutRole__contents').before($('.ec-layoutRole__ListPage'));

});

</script>

{% endif %}

</div>

レイアウト管理で「#contents_top」にブロックが配置されているとき

jQueryのscriptによって、

要素 class=”ec-layoutRole__contentTop” 内の最初に、下記のdiv要素が追加されるようになっています。

「#contents_top」にブロックが配置されていないとき

要素 class=”ec-layoutRole__contents” の直前に追加されるようになっています。

挿入場所を変更する場合は、

どこに（class要素）、どのような方法で（append,prepend,before,afterなど）挿入するかを考え、scriptを編集してください。

修正後、管理画面でキャッシュ削除を行って変更を反映させて下さい。

jQuery参考

jQueryで要素を追加するいくつかの方法〜append,prepend,before,after,wrapなど

商品一覧ページにおいてバナーの挿入場所を変更する

アーカイブ

カテゴリー