バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > ページごとに背景色を変えることはできますか?

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
ykkm
投稿日時: 2018/9/27 10:44
対応状況: −−−
半人前
登録日: 2018/7/3
居住地:
投稿: 12
ページごとに背景色を変えることはできますか?
▼テンプレート
[EC-CUBE] 3.0.16
[レンタルサーバ] ロリポップ
[OS] MacOS 10.13.4
[PHP] 5.3.29
[データベース] MySQL 5.6.23-log
[WEBサーバ] Apache
[ブラウザ] MacOS 10.13.4
[導入プラグインの有無] PayPalExpress,新着商品ブロックプラグイン
[カスタマイズの有無] 無


topページの下に、商品一覧、新着情報など複数のページを置いており、topページのみ下の階層の背景色と違う色にしたいと考えています。可能でしょうか?
可能な場合、方法をご教授いただけないでしょうか?

どうぞ宜しくお願い申し上げます。
468
投稿日時: 2018/9/28 11:56
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 1315
Re: ページごとに背景色を変えることはできますか?
一応、ECCUBEの仕様で<body>タグに各ページ毎にid属性がセットされていると思います。
それぞれのページに併せて、cssに背景色の設定を追記すれば、対応できると思います。


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

ykkm
投稿日時: 2018/10/5 11:28
対応状況: −−−
半人前
登録日: 2018/7/3
居住地:
投稿: 12
Re: ページごとに背景色を変えることはできますか?
御教授ありがとうございます。しばらく作業ができず、お礼が遅くなり大変失礼いたしました。

id属性の記述は、このあたりのどれかでしょうか?
以下、topページの一部です。

{% set body_class = 'front_page' %}

{% block javascript %}
<script>
$(function(){
$('.main_visual').slick({
dots: true,
arrows: false,
autoplay: true,
speed: 300
});
});
</script>
{% endblock %}

{% block main %}
<div class="row">
<div class="col-sm-12">
<div class="main_visual">
<div class="item">

見当違いでしょうか?素人なもので、再度御教授いただければ幸いです。宜しくお願いいたします。
468
投稿日時: 2018/10/5 14:34
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 1315
Re: ページごとに背景色を変えることはできますか?
私の検討違いだと申し訳ないのですが、
twigを編集しようとされていますか?

背景色を変更するだけであれば、
twigを触らずに、style.cssなどスタイルシートだけで制御できると思ったのですが...

トップページのhtmlを確認すると以下のような記述になっていると思いますので、id="homepage"に対して背景色を設定すれば良いかと思います。

<body id="page_homepage" class="front_page">


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

ykkm
投稿日時: 2018/10/9 10:36
対応状況: −−−
半人前
登録日: 2018/7/3
居住地:
投稿: 12
Re: ページごとに背景色を変えることはできますか?
ありがとうございました!

cssに

#page_homepage {
background-color:#eeeeef;;
}

と追記したらできました。

ちなみに、 トップページのhtmlの確認はどこでしたら良いのでしょうか?
body id="page_homepage" class="front_page"
の記述がどこを探しても見つかりません。

素人で初心者なので、今後のために御教授頂けると大変助かります。

何卒宜しくお願い申し上げます。
468
投稿日時: 2018/10/9 17:28
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 1315
Re: ページごとに背景色を変えることはできますか?
私はいつもブラウザのデベロッパーツール、またはWEBページ上を右クリックして、
「ページのソースを表示」※Firefoxの場合 を利用しています。


----------------
株式会社シロハチ
■ECCUBE2系、3系構築カスタマイズご相談ください。
EC-CUBE3マニュアル
blog

ykkm
投稿日時: 2018/10/11 9:48
対応状況: −−−
半人前
登録日: 2018/7/3
居住地:
投稿: 12
Re: ページごとに背景色を変えることはできますか?
見つかりました。
ありがとうございました!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

統計情報

総メンバー数は36,251名です
総投稿数は88,524件です

投稿数ランキング

1
seasoft
7332
2
AMUAMU
2712
3
nanasess
1851
4
yuh
1524
5
468
1315
6
red
1199
7
umebius
1007
8
fukap
907
9
shutta
827
10
tsuji
815
11 ramrun 789
12
tao_s
667
13 karin 656
14 sumida 641
15
homan
633
16
h_tanaka
632
17 DELIGHT 571
18
patapata
502
19
flealog
483
20 tonton 436


ネットショップの壺

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

Copyright© LOCKON CO.,LTD. All Rights Reserved.