質問 > 管理機能 > クラウド版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で要素自体取り除く必要があるので、上の方法でうまくいけばその方が簡単です。
|
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
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |