バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > ECcube4系のTOPへ戻るスクロールボタンの編集箇所

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
michael
投稿日時: 2018/11/16 17:03
対応状況: 開発中
半人前
登録日: 2014/11/4
居住地: 東京
投稿: 21
ECcube4系のTOPへ戻るスクロールボタンの編集箇所
現在ECcube4系でショップサイトを新規作成しているのですが、
サンプルサイトのTOPページ右下にある「ページトップへ」のスクロールボタンの編集箇所がわからず困っております。
ご教授いただけますと幸いです。
yskz
投稿日時: 2018/11/19 19:30
対応状況: −−−
新米
登録日: 2018/10/31
居住地:
投稿: 8
Re: ECcube4系のTOPへ戻るスクロールボタンの編集箇所
この部分、恐らくほとんどのデザイナさんが弄りたくなる部分だと思うんですが、管理画面からは弄れないと思います。

/src/Eccube/Resource/template/default/default_frame.twig を
/app/template/default/default_frame.twig にコピーして、そこで改変する形になると思います。
ファイル内での箇所は以下です。
<div class="ec-blockTopBtn pagetop">{{'ページトップへ'|trans}}</div>



現状、ココの変更の為だけでも default_frame.twig のカスタムファイルを用意する必要があるので、個人的にはデフォルトで
<div class="ec-blockTopBtn pagetop"><div class="ec-blockTopBtn__container">{{'ページトップへ'|trans}}</div></div>

あるいは
<div class="ec-blockTopBtn pagetop"></div>

などになっていてくれれば、CSS(及びJS)で見た目を変え易かったのに・・・と思っています。
michael
投稿日時: 2018/11/20 11:16
対応状況: −−−
半人前
登録日: 2014/11/4
居住地: 東京
投稿: 21
Re: ECcube4系のTOPへ戻るスクロールボタンの編集箇所
yskz様

すごいです!デザイナーというところまで質問からわかってしまうんですね。

無事解決できました。有難うございます!

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

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
1291
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.