バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
merci
投稿日時: 2021/3/9 8:58
対応状況: −−−
常連
登録日: 2012/4/10
居住地: 兵庫県
投稿: 38
商品一覧ページの商品価格のフォントを変更するファイル名は?
[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
居住地: 兵庫県
投稿: 38
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
居住地: 兵庫県
投稿: 38
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公式 Amazon Payプラグイン

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1567
9
mcontact
1240
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
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.