バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
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
居住地:
投稿: 3217
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
居住地:
投稿: 3217
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
居住地:
投稿: 3217
Re: ページごとに背景色を変えることはできますか?
私はいつもブラウザのデベロッパーツール、またはWEBページ上を右クリックして、
「ページのソースを表示」※Firefoxの場合 を利用しています。


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

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


 



ログイン


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

統計情報

総メンバー数は88,667名です
総投稿数は109,920件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2311
5
umebius
2085
6
yuh
1819
7
h_tanaka
1637
8
red
1569
9
mcontact
1275
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.