バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > 管理機能 > クラウド版EC-CUBEにおいて、EC-CUBE公式プラグイン「関連商品プラグイン」の表示項目にHTMLおよびCSSを追記したい

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
noname0425
投稿日時: 2021/4/25 15:25
対応状況: −−−
新米
登録日: 2021/4/25
居住地:
投稿: 2
クラウド版EC-CUBEにおいて、EC-CUBE公式プラグイン「関連商品プラグイン」の表示項目にHTMLおよびCSSを追記したい
▼テンプレート
[EC-CUBE] 4.0.5
[レンタルサーバ] EC-CUBEクラウド
[OS] Mac OS 10.14.6
[ブラウザ] Google Chrome
[導入プラグインの有無] 関連商品プラグイン
https://www.ec-cube.net/products/detail.php?product_id=1761
[カスタマイズの有無]
関連商品プラグインにHTMLおよびCSSを追加したいのですが、プラグイン一覧から当該プラグインの設定項目が存在せず、Google Chromeの検証ツールからコードを確認しても、クラス名など指定されておらず、直接コードを編集したいと考えております。
umebius
投稿日時: 2021/4/25 16:21
対応状況: −−−
登録日: 2016/7/22
居住地: 東京日本橋
投稿: 2000
Re: クラウド版EC-CUBEにおいて、EC-CUBE公式プラグイン「関連商品プラグイン」の表示項目にHTMLおよびCSSを追記したい
クラウド版(.co)では関連商品プラグイン自体の修正はできないため、
ページ管理から商品詳細ページのテンプレートを修正し、jQueryを追記することによって html要素を挿入してしまうのが簡単です。
CSSも商品詳細ページのテンプレートに書くと良いでしょう。


他の手としてはプラグインのファイルと同じ内容 を商品詳細ページのテンプレートに書く方法もあります。
https://github.com/EC-CUBE/related-product-plugin/blob/4.0/Resource/template/front/related_product.twig

ただ、こちらはプラグインが有効になっているかのチェックが必要なのと、プラグインによって追加される#RelatedProduct-product_areaをjQueryで要素自体取り除く必要があるので、上の方法でうまくいけばその方が簡単です。


----------------
EC-CUBE4系 カスタマイズ ECのプロがシステム急ぎの案件承ります。
EC-CUBE開発 リモートで働くエンジニア募集中

noname0425
投稿日時: 2021/4/25 23:39
対応状況: −−−
新米
登録日: 2021/4/25
居住地:
投稿: 2
Re: クラウド版EC-CUBEにおいて、EC-CUBE公式プラグイン「関連商品プラグイン」の表示項目にHTMLおよびCSSを追記したい
ご回答いただきありがとうございます。

ご助言を参考にしながら、jQueryによりHTMLを挿入することができました。
ただ、当該プラグインでは「商品名」、「商品価格」が共にクラス名無しのpタグで設定されています。
そのため、「商品名」と「商品価格」に別々のCSSを設定する場合、どのように行えば良いか分かりかねているところでございます。

度々のご質問で恐縮でございますが、ご回答いただけますと幸いです。
umebius
投稿日時: 2021/4/26 9:35
対応状況: −−−
登録日: 2016/7/22
居住地: 東京日本橋
投稿: 2000
Re: クラウド版EC-CUBEにおいて、EC-CUBE公式プラグイン「関連商品プラグイン」の表示項目にHTMLおよびCSSを追記したい
CSSで○番目のような指定をすることになるかと思います。
https://qiita.com/ituki_b/items/62a752389385de7ba4a2


----------------
EC-CUBE4系 カスタマイズ ECのプロがシステム急ぎの案件承ります。
EC-CUBE開発 リモートで働くエンジニア募集中

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


 



ログイン


EC-CUBEペイメント

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

統計情報

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

投稿数ランキング

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.