バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > ECCUBE4 関連商品の表示位置を変えるにはどうすればいいでしょうか?

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
shinsong
投稿日時: 2021/11/19 10:35
対応状況: −−−
新米
登録日: 2017/4/5
居住地:
投稿: 10
ECCUBE4 関連商品の表示位置を変えるにはどうすればいいでしょうか?

[EC-CUBE] EC-CUBE4.1.0 、新規インストール
[レンタルサーバ] Xerver
[OS] Linux
[PHP] 7.4.25
[データベース] MySQL 5.7.27
[ブラウザ] 使用しているブラウザ名、バージョン
[導入プラグインの有無] 商品問い合わせ for EC-CUBE4
[カスタマイズの有無] 無し


ECCUBE4 関連商品プラグインにおいて
商品詳細ページに表示されるようになっていますが、表示される位置を変えたいのですが、どのようにすれば良いでしょうか?

お知恵をお貸しください。
よろしくお願いいたします。
468
投稿日時: 2021/11/19 10:57
対応状況: −−−
登録日: 2008/10/26
居住地:
投稿: 3132
Re: ECCUBE4 関連商品の表示位置を変えるにはどうすればいいでしょうか?
プラグインのソース内
/Resource/template/front/related_product.twig
の3行目に以下の記述があります。

$('#RelatedProduct-product_area').appendTo($('.ec-layoutRole__main, .ec-layoutRole__mainWithColumn, .ec-layoutRole__mainBetweenColumn'));

ここを書き換えるか、テンプレート側のclass属性を変更して調整出来るのではないかと思います。


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

ec9iii
投稿日時: 2021/11/19 10:58
対応状況: −−−
一人前
登録日: 2014/9/8
居住地:
投稿: 98
Re: ECCUBE4 関連商品の表示位置を変えるにはどうすればいいでしょうか?
/app/Plugin/RelatedProduct4/Resource/template/front/related_product.twig
内にて、
JQueryのappendToで差し込まれておりますので、
appendToで指定するセレクタを差し込みたい位置のタグ名に変えてあげると良さそうかな、と思います。
coremobile
投稿日時: 2021/11/19 10:58
対応状況: −−−
一人前
登録日: 2018/8/30
居住地:
投稿: 134
Re: ECCUBE4 関連商品の表示位置を変えるにはどうすればいいでしょうか?
いろいろ方法はあると思いますが、プラグインの今後のバージョンアップを考えるとプラグイン自体のカスタマイズせず、CSSでできる範囲で調整するかJSで表示位置を変える方が良いかと思います。
shinsong
投稿日時: 2021/11/19 11:01
対応状況: −−−
新米
登録日: 2017/4/5
居住地:
投稿: 10
Re: ECCUBE4 関連商品の表示位置を変えるにはどうすればいいでしょうか?
皆様ご親切にありがとうございました。

related_product.twigファイルを以下に入れいじってます。
app
 /template
  /plugin
   /RelatedProduct4
    /front
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン

右上バナー


EC-CUBEペイメント

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

統計情報

総メンバー数は73,735名です
総投稿数は102,973件です

投稿数ランキング

1
seasoft
7333
2
468
3132
3
AMUAMU
2712
4
nanasess
2192
5
umebius
2042
6
yuh
1664
7
red
1456
8
h_tanaka
1169
9
tsuji
942
10
fukap
907
11
shutta
835
12
tao_s
794
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.