バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

 > フロント機能 > EC_CUBE3.0.9 商品詳細ページの「カートに入れる」ボタンを画像にしたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
techno13
投稿日時: 2016/4/12 15:31
対応状況: −−−
半人前
登録日: 2014/8/1
居住地:
投稿: 15
EC_CUBE3.0.9 商品詳細ページの「カートに入れる」ボタンを画像にしたい
EC_CUBE3.0.9です。

商品詳細ページの「カートに入れる」「お気に入りに追加」
「商品についてのお問い合わせ」ボタンをそれぞれimage
にしたいのですが、default.css、style.cssをいろいろ触って
見たのですが、解決できません。
ご教授いただけましたら幸いです。
techno13
投稿日時: 2016/4/13 7:31
対応状況: −−−
半人前
登録日: 2014/8/1
居住地:
投稿: 15
Re: EC_CUBE3.0.9 商品詳細ページの「カートに入れる」ボタンを画像にしたい
自己レスです。

スタイルシートの style.css の以下の部分に

.btn-primary {
color: #fff;
background-color: #DE5D50;
border-color: #DE5D50;

}

        ↓ 下記のように画像を追加

.btn-primary {
background-image: url(/../user_data/images/images.jpg);/*追加画像*/
color: #fff;
background-color: #DE5D50;
border-color: #DE5D50;

}

で変更表示できると思ったのですが、表示できませんでした。
tacky
投稿日時: 2016/4/13 10:22
対応状況: −−−
長老
登録日: 2015/10/3
居住地: Tokyo
投稿: 277
Re: EC_CUBE3.0.9 商品詳細ページの「カートに入れる」ボタンを画像にしたい
style.cssの1442行目あたり

.btn_area .btn {
height: 56px;
line-height: 56px;
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
}

こちらにbackground-imageを追加すると表示されると思います。

.btn_area .btnを指定している場所全てに影響を及ぼすので、適用後確認した方が良いかと思います。
techno13
投稿日時: 2016/4/13 16:18
対応状況: −−−
半人前
登録日: 2014/8/1
居住地:
投稿: 15
Re: EC_CUBE3.0.9 商品詳細ページの「カートに入れる」ボタンを画像にしたい
tacky 様

ご返事ありがとうございます。

tacky 様がご指摘いただきましたように

style.cssの1442行目あたり

.btn_area .btn {
background-image: url(/../user_data/images/images.jpg);/*追加画像*/
height: 56px;
line-height: 56px;
vertical-align: middle;
padding-top: 0;
padding-bottom: 0;
}

としてみましたが、やはり表示されないようです。
tacky
投稿日時: 2016/4/13 17:14
対応状況: −−−
長老
登録日: 2015/10/3
居住地: Tokyo
投稿: 277
Re: EC_CUBE3.0.9 商品詳細ページの「カートに入れる」ボタンを画像にしたい
すいません、テストしてみた所、
.btn-primary
.btn_area .btn
どちらにbackground-imageを指定しても表示されました。

キャッシャが残っているかもしれませんので、
app/cache/twigを削除してみてください。
techno13
投稿日時: 2016/4/13 17:32
対応状況: −−−
半人前
登録日: 2014/8/1
居住地:
投稿: 15
Re: EC_CUBE3.0.9 商品詳細ページの「カートに入れる」ボタンを画像にしたい
tacky 様

ご返事ありがとうございます。

ご指摘されましたキャッシュapp/cache/twigとコンテンツ管理のキャッシュ管理のキャッシュを削除してみましたがやはり表示さ
れません。

何が原因なのか?途方にくれております。
ご教授いただければ幸いです。
tacky
投稿日時: 2016/4/13 18:02
対応状況: −−−
長老
登録日: 2015/10/3
居住地: Tokyo
投稿: 277
Re: EC_CUBE3.0.9 商品詳細ページの「カートに入れる」ボタンを画像にしたい
単純にパスが間違ってるっぽいです。。。

下記に変更してみてください。
../../../user_data/images/images.jpg
techno13
投稿日時: 2016/4/13 19:42
対応状況: −−−
半人前
登録日: 2014/8/1
居住地:
投稿: 15
Re: EC_CUBE3.0.9 商品詳細ページの「カートに入れる」ボタンを画像にしたい
tacky 様

素早い対応ありがとうございます。
解決しました。
原因は単純なことでした。
ディレクトリ名の名称変更をコピー&ペーストで行っていたので
すが、間違えて全角文字を使用していました。

.btn-primary へのbackground-image追加で無事表示されました。
単純なミスでかなりはまってしまいました。

tacky 様のご対応、心から感謝いたします。
わからないことがあれば又、投稿させていただきます。
その節は宜しくお願いいたします。
このたびは、本当にありがとうございました。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,926名です
総投稿数は110,012件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1296
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.