Magentoブロックとページのブーストラップマーク

Question

Magento CMSでの作業は初めてです。私は、ブロックやウィジェットの作成とそのコンテンツをページに挿入することについて把握しています。私たちは現在、InfortisによるBootstrapベースのUltimoテーマを使用しています。

ブロック内でブートストラップ構文を使用するにはどうすればよいですか？基本グリッドは機能しますが、他のクラス（アラート、ボタン、パネル、折りたたみなど）は機能しません。私はBootstrap CSS/JS CDNを使用しました。これは私が言及したクラスを修正しましたが、テーマを破壊しました。私はアコーデオンのようなものを達成するためにいくつかの広範なjQueryが書かれていた場所を見てきましたが、それは予算内でもなく、私のスキルセットの最前線にもありません。

誰かがこれに対応する方法を見つけましたか？何か不足していますか？

このテーマのユーザーガイドのブートストラップマークアップの唯一の言及は、グリッドシステムで、信じられないほど簡単に見ている - 少し2ページにわたり220

TLのうち; DR：私はちょうどしようとしていますMagentoブロック内でBootstrapマークアップを使用すると、結果的に私の人生は困難になります。

Answer 1

私は、ブートストラップCSS/JS CDNを使用し、それは私が今述べたクラスを固定しますが、あなたのテーマのものに上書きブートストラップクラスのように聞こえるテーマ

を破壊しました。 ソースを見て、あなたのテーマのスタイルシートのより前に、ブートストラップCSSのCDNリンクをロードしていることを確認してください。これにより、あなたのテーマのスタイルがブートストラップによって上書きされないようにする必要があります。

これ以降、スタイリングの競合がある場合は、ブラウザの要素インスペクタでサイトを選択し、ブートストラップが問題を引き起こしているテーマ/カスタムスタイルに「重要な」プロパティを追加する場合がありますと。

私はブートストラップを使用して多数のMagentoサイトを開発しており、絶対に可能であることを証明することができます。

詳細なヘルプが必要な場合は、実際に見るためにいくつかのコードを投稿する必要があります。