Magento 2:ミニカートのデフォルトのテンプレートHTMLファイルをオーバーライドする方法


回答:


17

まず、web / templateファイルをmagentoテーマファイル(私の場合はcontent.html)に上書きする必要があります

Magento_Checkout/web/template/minicart/content.html

content.htmlファイルの変更後、コマンドを使用して静的ファイルをデプロイする必要がありますphp bin/magento setup:static-content:deploy

または

content.html(このファイルのコンテンツを変更する必要があります)ファイルを削除してpub/static/frontend/Magento/buytea/en_US/Magento_Checkout/template/minicart、再度ページをリロードする必要があります。

変更が適用されます。


1
ホームページを上書きしようとしています。しかし、機能していません
Ankit Shah

どのページ、パスを教えてください
Rakesh Jesadiya

私は以下のフォルダー構造を持ち、 magento.stackexchange.commagento2 |_ app |_ design |_ frontend |_ Magento |_luma |_Magento_Theme |_templates |_root.phtml composer.json registration.php theme.xml
questions

luma内でカスタムテーマを定義する必要があります
。luma

Lumaテーマをオーバーライドしたいのですが、それはできませんか?
Ankit Shah 2016

12

別の方法があります。RequireJSを介してHTMLテンプレートをオーバーライドできることを知っておく必要があります。カスタムテーマを作成する必要はありません。カスタムモジュールで、以下を作成しますrequirejs-config.js

app / code / {Vendor} / {Module_Name} /view/frontend/requirejs-config.js

var config = {
    map: {
        '*': {
            'Magento_Checkout/template/minicart/content.html':
                'Vendor_ModuleName/template/minicart/content.html'
        }
    }
};

詳細については、こちらをご覧ください


ねえ。content.htmlこの方法をオーバーライドすると、なぜ空白になるのですか?ミニカート。
-chirag

このファイルVendor_ModuleName/template/minicart/content.htmlはにありpub/staticますか?
Khoa TruongDinh

はい..そしてまた私のconfigのコードではrequirejs-config.jsavailbaleある
チラグ

コンソールを見ると、コアの代わりにファイルも取得しています。しかし、何も表示されない理由はわかりません。
-chirag

ブラウザのキャッシュをクリアしようとしましたか?
Khoa TruongDinh

7

このフォルダーをテーマに追加することで、これをオーバーライドできます。

Magento_Checkout/web/template/minicart

このフォルダーで、content.htmlファイルを作成できます。このファイルに変更を加えたら、ブラウザのキャッシュをフラッシュして変更を確認してください。


私は同じことを試してみましたが、これはお勧めですが機能しません。
Rakesh Jesadiya

静的ファイルをデプロイしましたか?そして、キャッシュをクリアしましたか?
Silvan、2016年

1
はい、静的ファイルをクリアした後は正常に機能し、次のページの読み込み時に新しいファイルを自動生成します。
Rakesh Jesadiya

0

Khoa TruongDinhの回答は本当に役に立ちましたが、詳細が足りないため、完全な例を次に示します。

minicartの実際の例として、htmlテンプレートを以下にコピーします。

[theme_path]/Magento_Theme/web/template/minicart/content.html

テーマではrequirejs-config.js =>

var config = {
    "map": {
        "*": {
            'Magento_Checkout/template/minicart/content.html': 'Magento_Theme/template/minicart/content.html'
        }
    }
};

コアバグも参照してください:https : //github.com/magento/magento2/issues/5832


-1

ミニカートのコンテンツを変更するためのファイルを開く:

/app/design/frontend/your_theme/Theme/Magento_Checkout/web/template/minicart/content.html

minicart製品の内容を変更するためのファイルを開く:

/app/design/frontend/Eglo/Theme/Magento_Checkout/web/template/minicart/item/default.html

変更後bin/magento setup:static-content:deploy、それを使用してテーマをデプロイする必要があります。

変更が入力されていない場合は、ランタイムの変更を表示するために、以下のディレクトリでテンプレートを変更します。

/pub/static/frontend/Your_theme/Theme/en_US/Magento_Checkout/template/minicart

pub / staticの内容は変更しないでください。とにかくstatic deployコマンドによってオーバーライドされます...
OZZIE
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.