バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > 商品一覧ページの商品価格のフォントを変更するファイル名は?

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
merci
投稿日時: 2021/3/9 8:58
対応状況: −−−
半人前
登録日: 2012/4/10
居住地: 兵庫県
投稿: 29
商品一覧ページの商品価格のフォントを変更するファイル名は?
[EC-CUBE] Ver 4.05
[サーバ] Xserver
[OS] Linux
[PHP] 7.4.4
[データベース] MySQL 5.7.29
[WEBサーバ] Apache 2.2.3
[ブラウザ] Chrome、Edge
[導入プラグイン] Amp4、Securitychecker4、YamatoPayment4

商品一覧ページの商品価格の色はデフォルトでは黒色なのですが、
お客様の目を引くためにFontを変更しようと思っています。
試行錯誤し設定ファイルを探してみましたが分かりませんでした。
ご存知の方教えていただければ幸いです。
よろしくお願いいたします。
karin
投稿日時: 2021/3/9 10:02
対応状況: −−−
仙人
登録日: 2008/9/15
居住地: 東京都
投稿: 689
Re: 商品一覧ページの商品価格のフォントを変更するファイル名は?
カスタマイズ用のCSSファイル
/html/user_data/assets/css/customize.css
がありますので、そちらへ商品価格の色を指定する記述を追記すると変更できると思います。


----------------

merci
投稿日時: 2021/3/10 9:39
対応状況: 確認中
半人前
登録日: 2012/4/10
居住地: 兵庫県
投稿: 29
Re: 商品一覧ページの商品価格のフォントを変更するファイル名は?
karinさん ご回答ありがとうございました。

/html/template/default/assets/css/style.css">内に、
詳細ページの価格表示を設定できる<span class="ec-price__price">が有るのを確認しましたが、
一覧ページの価格表示部分を探してみましたが見つかりませんでした。
htmlでclass名を調べると<p class="price02-default">の様です。
なのでstyle.css内にprice02を検索してみましたがありませんでした。
もしかするとprice02は変換後の変数名なのかも???
一覧ページの価格表示のclass名が解れば解決できそうに思います。
ご教授くださいますよう宜しくお願いいたします。
karin
投稿日時: 2021/3/10 10:18
対応状況: −−−
仙人
登録日: 2008/9/15
居住地: 東京都
投稿: 689
Re: 商品一覧ページの商品価格のフォントを変更するファイル名は?
merciさん


商品一覧の価格表示のclass名はprice02-defaultでよいのではないでしょうか。
style.cssに「price02」がないのはスタイルの指定がない(親要素のスタイルを継承している)ためだと思います。

簡単な例ですが、
カスタマイズ用のCSSファイル
/html/user_data/assets/css/customize.css
へ下記の記述を追記。→商品一覧の価格が赤文字になります。

p.price02-default { color: red; }


----------------

merci
投稿日時: 2021/3/10 16:38
対応状況: 解決済
半人前
登録日: 2012/4/10
居住地: 兵庫県
投稿: 29
Re: 商品一覧ページの商品価格のフォントを変更するファイル名は?
下記で設定できるようになりました。
ありがとうございました。
お礼申し上げます。

.price02-default {
font-size: 18px;
color: #DC143C;
font-weight: bold; }
.ec-price .ec-price__unit {
font-size: 18px;
font-weight: bold; }
.ec-price .ec-price__price {
display: inline-block;
padding: 0 .3em;
font-size: 24px;
color: #DC143C;
font-weight: bold; }
.ec-price .ec-price__tax {
font-size: 12px;
color: #DC143C; }
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は71,530名です
総投稿数は101,305件です

投稿数ランキング

1
seasoft
7333
2
468
2998
3
AMUAMU
2712
4
nanasess
2147
5
umebius
2000
6
yuh
1612
7
red
1449
8
h_tanaka
1080
9
tsuji
936
10
fukap
907
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

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

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