バージョン選択

フォーラム

メニュー

オンライン状況

43 人のユーザが現在オンラインです。 (38 人のユーザが フォーラム を参照しています。)
登録ユーザ: 1
ゲスト: 42
tattsu もっと...

サイト内検索

質問 > フロント機能 > 4系の「新着情報」の表示に関するカスタマイズに関して

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
kss
投稿日時: 2020/5/5 23:37
対応状況: −−−
半人前
登録日: 2020/2/12
居住地:
投稿: 18
Re: 4系の「新着情報」の表示に関するカスタマイズに関して
とりあえず、テンプレートは触らずJavaScriptのみで対応する方法の一例として。

管理画面のコンテンツ管理 > JavaScript管理から、以下のコードを追記で対応できます。

/**
 *  ECCUBE4 トップページの新着情報 最初の1件のみ開いた状態に変更
 */
$(function() {
    // トップページのみ動作
    if($('body')[0].id == 'page_homepage') {
        // 新着情報ブロック取得
        let newsRoleNewsItems = $('.ec-newsRole__news .ec-newsRole__newsItem');
        // 新着情報が1個以上ある
        if(newsRoleNewsItems.length > 0) {
            // 最初の新着情報
            let firstItem = newsRoleNewsItems[0];
            // アイコンの向き変更
            firstItem.classList.add('is_active'); 
            // 本文を表示状態に変更
            firstItem.querySelector('.ec-newsRole__newsDescription').style.display = 'block';
        }
    }
});


フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
   4系の「新着情報」の表示に関するカスタマイズに関して pikachin 2020/5/4 13:13
     Re: 4系の「新着情報」の表示に関するカスタマイズに関して 468 2020/5/4 16:28
       Re: 4系の「新着情報」の表示に関するカスタマイズに関して pikachin 2020/5/14 23:45
   » Re: 4系の「新着情報」の表示に関するカスタマイズに関して kss 2020/5/5 23:37
       Re: 4系の「新着情報」の表示に関するカスタマイズに関して pikachin 2020/5/14 23:44

 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は89,099名です
総投稿数は110,033件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1649
8
red
1570
9
mcontact
1297
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.