バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > 管理機能 > クラウド版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
居住地:
投稿: 2085
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-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

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
居住地:
投稿: 2085
Re: クラウド版EC-CUBEにおいて、EC-CUBE公式プラグイン「関連商品プラグイン」の表示項目にHTMLおよびCSSを追記したい
CSSで○番目のような指定をすることになるかと思います。
https://qiita.com/ituki_b/items/62a752389385de7ba4a2


----------------
EC-CUBEカスタマイズ・高速化・脆弱性対策・SEO ご相談ください。

2系・3系から4系へのバージョンアップ実績豊富

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


 



ログイン


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

統計情報

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

投稿数ランキング

1
seasoft
7365
2
468
3217
3
AMUAMU
2712
4
nanasess
2303
5
umebius
2085
6
yuh
1818
7
h_tanaka
1610
8
red
1568
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.