タグ付けされた質問 「javascript」

私は今週末ずっと何かを完成させてオンラインで公開しようと努力してきましたが、それはどれほどうまくいかなかったのか、なぜだかわからないので、誰かが私を助けてくれることを願っています。 カスタムjQueryをカスタムテーマに追加しようとしましたが、jQueryが読み込まれ、関数が機能していたため、成功しました。しかしながら！正しく機能していませんでした。たとえば、SafariはjQueryをロードしないため、コンソールに次のエラーが表示され続けます。 defaultCaptcha.js：29 Uncaught TypeError：未定義のauthentication-popup.jsのプロパティ 'captcha'を読み取ることができません：26 Uncaught TypeError：undefined（無名関数）のプロパティ 'autocomplete'を読み取れません 私はjQueryを宣言する方法に何らかの関係があると思いましたが、そうでない場合、カスタムJSをすべて削除することに決めましたが、それでもこれらのエラーが発生しました。何かがさらに壊れているようです。 私のカスタム「テーマ」は、私がカスタムサブスクリプションボックス以外の何もない単純なランディングページです。 これらのエラーの原因は何ですか？

11 magento2  javascript  magento-2.1  requirejs 

Magento 1.Xでフクロウスライダーを追加する場合は、以下の手順に従います。 コピーowl.carousel.min.jsしowl.carousel.jsて貼り付けるskin/frontend/pakage_name/theme_name/js にコピーowl.carousel.cssして貼り付けskin/frontend/pakage_name/theme_name/css 移動してapp/design/frontend/pakage_name/theme_name/layout/page.xmljsとcssを呼び出す また、Magento 1.XサイトのどこでもOwl Sliderを使用できます。 Magento 2では、フクロウスライダーを呼び出す方法を説明します。これは、サイト内のどこでも呼び出す必要があるため、いつでも使用できます。 私のこの問題について、私はこのリンクを参照しましたが、それはマークまでではなく、機能していません。 現在、フクロウスライダーjsを配置しましたapp/design/frontend/pakage_name/theme_name/Magento_Catalog/web/jsが、機能しません。 任意の助けいただければ幸いです。

11 javascript  theme  magento-2.0.7  slider 

Magento 2.2をPortoテーマで使用していて、ストアにログインしてページを更新するか、別のページに切り替えた後、コンソールの90行目で[object Object]JavaScriptエラーが発生しcustomer-data.jsます。 私はこれをFirefox、Chrome、IE 11、およびEdgeでテストしましたが、Firefox（ほとんどの場合使用するブラウザー）にしか表示されません。 深刻な問題は発生していませんが（私が確認できる範囲ではありません）、この問題を解決したいと考えています。 customer-data.jsファイルの90行目はです"throw new Error(jqXHR);"。 jqXHRオブジェクトの内部には、JSON応答メッセージがあります。 {"メッセージ"： "\" paypal-billing-agreement \ "セクションソースはサポートされていません"} 私はそこにいくつかの提案を見てきましたが、それらのほとんどはキャッシュと静的ファイルのクリーニングを中心に展開しました。 私は試してみました：FirefoxのキャッシュとCookieをクリアし、Magentoの静的ファイル、キャッシュ、ストレージキャッシュを消去しましたが、今のところ何も機能していません... そして、私は他に何をすべきか本当にわかりません...どんな助けもいただければ幸いです。 編集/ソリューション エラーの原因は、Paypalモジュールを無効にしたが、ブラウザーのローカル/ストレージキャッシュをクリアしなかったためです。 このキャッシュの内部には、処理できなかったpaypalモジュールへの特定の呼び出しがあるため、次のようなJSエラーが返されました。 このキャッシュをクリアすると問題が解決しました。

11 javascript  customer  magento2.2  customer-data 

headタグに次のリンクを追加したいのですが、404エラーが返されます。誰かがこれを手伝ってくれる？ <script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script>

11 magento2  javascript 

選択された複数選択入力に基づいてフィールドを表示したい...値が1つしか選択されていない場合、次のコードは正しく機能します。複数の値を選択すると、1つのフィールドのみが表示されます（最初にソースモデルから選択） <enabled> <label>Enabled</label> ... <source_model>adminhtml/system_config_source_enabledisable</source_model> </enabled> <!-- this gives three options - shop, ebay, amazon --> <channels> ... <frontend_type>multiselect</frontend_type> <source_model>module/system_config_source_channels</source_model> <depends> <enabled>1</enabled> </depends> </channels> <mail_template_shop> ... <depends> <enabled>1</enabled> <channels>shop</channels> </depends> </mail_template_shop> <mail_template_ebay> ... <depends> <enabled>1</enabled> <channels>ebay</channels> </depends> </mail_template_ebay> 関連コード： app / code / core / Mage / Adminhtml / Block …

10 magento-1  javascript  system.xml  bug  dependency 

前提条件 同じ親ウィジェットを拡張する2つのカスタムウィジェットがあります。 親ウィジェット： Magento_ConfigurableProduct/js/configurable 最初のカスタムウィジェット： Vendor_AModule/js/configurable 2番目のカスタムウィジェット： Vendor_BModule/js/configurable 最初のカスタムウィジェットrequire-config.js： var config = { map: { '*': { configurable: 'Vendor_AModule/js/configurable' } } }; 最初のカスタムウィジェットJS： define([ 'jquery', 'mage/translate', 'Magento_ConfigurableProduct/js/configurable' ], function ($) { $.widget('vendor.configurable_awidget', $.mage.configurable, { /** * {@inheritDoc} */ _configureElement: function (element) { this._super(element); alert('Custom widget A is triggered!'); } }); …

10 magento2  javascript  widgets  requirejs 

Magentoストアがあり、それをcms検出器から隠したい。私のウェブサイトのCMSを誰にも知られたくないので、私のウェブサイトはMagentoに基づいて構築されています。 http://guess.scritch.org/CMSを検出しているようなWebサイトがいくつかあります。自分のWebサイトのCMSをその監視から隠したいと思います。 WordPressのWebサイトCMSを非表示にする方法はいくつかありますが、Magentoで何も見つかりませんでした

10 php  javascript  html  ce-1.9.1.0 

閉じられないモーダルポップアップを作成しようとしています。クリックして次のページに移動するボタンがありますが、ユーザーが閉じないようにしたいと思います。 モーダルポップアップは次の3つの方法で閉じることができます。 [X]右上の十字ボタンをクリック エスケープを押す オーバーレイをクリックします これまでのところ、これは私のモーダルJSであり、clickableOverlay: falseすでに3番目のものに取り組んでいると思います。 require( [ 'jquery', 'Magento_Ui/js/modal/modal' ], function($, modal) { $("#popup").modal({ autoOpen: true, responsive: true, clickableOverlay: false, modalClass: 'modal-custom', title: 'Popup', buttons: [{ text: $.mage.__('Take me back to the homepage'), class: 'action close-popup wide', click: function () { window.location.href = '/'; } }] }); } …

10 magento2  javascript  magento-2.1  jquery  modal 

製品がカートに正常に追加されたときにカスタムJavaScriptを実行するための適切なソリューションを見つけようとしています。カート（に追加された製品についても、このカスタムJavaScriptの必要情報sku、qty、price、name、など） 現在、カートに追加された製品に関する情報を取得するには、次の方法を考え出します。 書き換え$.mage.catalogAddToCart.prototype.enableAddToCartButton（カタログまたは製品ビューページからカートに追加された製品の場合） 書き換え$.mage.dataPost.prototype.postData（ウィジェットからカートに追加された製品の場合） 私はパースのページに持って必要な情報を取得するには（FEは取得するqty）と出力の追加のinfromationページへ（FE取得しskuましたproduct id） しかし私の解決策： 2つのエントリポイントがあります かっこよくない バックエンドで検証が失敗した場合の状況を処理しません 必要なすべての情報を便利に提供しない 残念ながら、問題を解決するためのチェックアウトミニカートの適切な拡張ポイントを見つけることができませんでした。 どんな提案も大歓迎です！

10 magento2  javascript  addtocart  mini-cart  knockoutjs 

Magento 2のチェックアウトにおけるステップの変化を検出する最良の方法を見つけようとしています。たとえば、配送の詳細から支払い、またはその逆の場合です。 私はいくつかの掘削を行い、でてきたvendor/magento/module-checkout/view/frontend/web/js/model/step-navigator.js私が使用することができnext()た火災ボタンを継続し、上のnavigateTo()どの火災直接checkoutstepをユーザーがクリックするとき-しかし、どちらの方法も、むしろハックようだが、ステップ変化を検出するためのクリーンな方法がなければならないに関係なく、どのようにそしてどのステップ。 私はstepChange()、チェックアウトステップの変更が発生するたびに起動する関数または同様のものを期待していました。 私の質問： チェックアウトステップの変更が発生したときにカスタムJSをトリガーする最良の方法は何ですか？

9 magento2  javascript  uicomponent  knockoutjs  requirejs 

require-config.jsカスタムテーマでの使用方法は知っていますがmyfile.js、すべてのページでカスタムJavaScriptファイル（）を使用したいと思います。追加する必要があるディレクトリrequire-config.jsとその使用方法を教えてください。 Magentoの公式ページは参照しないでください。

9 magento2  javascript  requirejs 

だから私は文字通り何時間もグーグルで読んだり、電気ショック療法を勉強したりしましたが、誰も（アランストームさえも）これを私に綴った人はいません。インターネット全体がMagento 2の特定のページにJSまたはCSSを追加することに関心があるようですが、私が探しているのは、JS / CSSを特定のブロックに追加することです。 だから、ここに一言で私の質問があります： 特定のブロックにJS（およびCSS）を追加する最良の方法は何ですか。ブロックがページ（*）に存在する場合、JS / CSSがロードされ、ブロックがそこにない場合、CSS / JSはありません。 ？ *つまり、layout.xmlを介してページ/テンプレートに、モジュールのカスタムページに、ブロック/ページのtoHtmlメソッドを介して、または最も重要なこととして、カテゴリのWYSIWYGに埋め込まれたブロックを設定できます。 /製品の説明/ CMSブロック/ CMSページ。 私はアランの素晴らしい記事の ALOTを読みました（この人に再び賞賛します！）、これに関する他の記事の連は言うまでもありませんが、誰もが特定のページに追加したいと思うような気がします。ブロックが使用されます。 私はさまざまなテクニックに精通しているように感じますが、ここで何か不足している可能性があるので、コミュニティからのコンセンサス、およびおそらくすべてのフロントエンドからフルスタックの開発者までの看板を少し探してください。私と同じような質問と選択肢を考えます。 以前は、Magento 1では、ブロックコンストラクターを調べ、レイアウトを取得し、ヘッド参照を取得して、そこでaddJs / addCssを呼び出すか、可能であれば、layout.xmlのメソッドを使用していました。これは、JSがブロックコンストラクターのリソースリストに「追加」されたことを意味します（テーマレベルがヘッドブロックを出力する前に）。しかし、これは今では不可能のようです。 私はJS / CSSを追加する方法について読みました（これは単純な「方法は？」ではありません。これはより簡潔な「正しい/ mag2の方法は何ですか???」）、これらに精通しています。テクニック： /view/[area]/layout/[default/page_id].xmlテクニック、<head></head>ルート要素を使用 モジュールにHeadブロックを追加し、head.additionalに追加し、ブロックが読み込まれているかどうかに関する何らかのロジックを追加する \ Asset \ GroupedCollectionオブジェクトと\ Asset \ Repositoryオブジェクトを使用して、ページ/テンプレートのcustructorから挿入します（ただし、これはブロックとorkしていないようです）。 RequireJSを使用してrequireJS構成をモジュールに適用する 何か逃したことがありますか？ 正しい方法は、RequireJSライブラリと、x-magento-init属性を使用するかrequire("my_module", function(){ ... })、インラインスクリプトに構文を持つスクリプトだけを使用することだと考えています。しかし、これは私には不器用に思えますか？私はスクリプトをロードするためにスクリプトをセットアップする必要があり、少なくとも私のJSのいくつかをインライン化することを余儀なくされていますが、これを私のphtmlにポップすることによって、「ここが私のブロックです。 ただし、PHPを介してこれを実行できるようにしたいのですが、JSをカプセル化し、（理想的には）フロントエンドチームがこれを好きなように書けるようにするバックエンド/スタックプログラマーとして理想的です。要するに、ロードの処理に注意してください（バックエンド開発からフロントエンド開発までは「phtmlをここに置き、必要に応じてテーマでオーバーライドします。同様に、jsファイル、その依存ライブラリ、およびブロックのCSSをここに置きます」）。 これは、__construct資産システムに依存性を注入する方法を示唆しています。ただし、これを機能させることはできません。これは、ここのAlan Stormsのクイック記事で確認されているようです：Magento Quickies：Magento 2：プログラムによるフロントエンドアセットファイルの追加 「したがって、フロントエンドアセットを一緒に運ぶブロックを作成することについての考えは窓の外にあります」に注意してください。...つまらない:( お読みいただき、ご検討いただき、ありがとうございます。ご返信をお待ちしております。 PS>明らかに、これはStackExchangeなので、私が達成しようとしていること（特定のリソースの読み込みをブロックする）の最良のコースとして回答をマークしますが、すべての回答を投稿の下部に参照としてリストするように努力しますディスカッションに追加するか、解決策を提案します！

9 magento2  blocks  javascript  css 

私はしばらくの間、magento 2のminify javascriptで苦労しています。縮小のための管理オプションが機能しないため、別の解決策を探していました。私はそれを行うためにgulpスクリプトを試しましたが、これは、特定のファイルを含める準備が整っていない必要なjsで問題を引き起こしています。 誰もがmagento 2でjavascriptを縮小するための解決策を見つけましたか？

9 magento2  javascript 

Magento_Swatches/js/SwatchRenderer.jsファイルから一部の関数を上書きしようとしています 私のコードはrequirejs-config.js： var config = { config: { mixins: { 'Magento_Swatches/js/SwatchRenderer': { 'Magento_Swatches/js/SwatchRendererCategory1': true } } } }; そしてファイルのコード SwatchRendererCategory1.js define(function () { 'use strict'; var mixin = { updateBaseImage: function (images, context, isProductViewExist) { var justAnImage = images[0]; if (isProductViewExist) { context .find('[data-gallery-role=gallery-placeholder]') .data('gallery') .updateData(images); } else if (justAnImage …

9 magento2  javascript  overrides 

カートページのmagentoには、javascript関数呼び出しがありますdecorateTable('shopping-cart-table')。関数は何に使用されますdecorateTableか？

9 theme  javascript