概要

そこで、Squarespace のガラパゴス コマース テンプレートの一部から機能を取得して、別の部分に追加しようとしていますが、思ったより難しいことがわかりました。

「製品ビュー」のフル サイズのズーム可能な画像の列を置き換えるには、「クイック ビュー」の画像交換機能が必要です (例 - マウスを任意の画像の上に置き、[クイック ビュー] をクリックします)。製品）。

だから私は各セクションのコードを見つけました：

製品ビュー

jsProductItemImagesこのコードは、配列内の各画像を単純に処理し、ホバーとズームを可能にするID を付けて吐き出します。

クイックビュー

ここでのロジックは 100% ではありませんが、基本的には最初の画像を取得し、ホバー/ズーム可能なプライマリ画像にして、その下にある画像の配列全体をサムネイルとしてリストします。@シンボルはJavaScriptで言うのと同じだと読みthisましたが、配列の最初の画像だけを吐き出すために使用されている理由がわかりません。

関連JS

最初に、クイック ビューにその機能を与えているものを確認するために、すべての機能をコンソールに記録し、役に立たなかったことに注意してください。それがその後、私がここにいる理由です。したがって、ズーム機能がどこで発生しているかを簡単に確認できます: Galapagos.ProductItem103 行目の関数の製品ビュー$imageContainer = Y.one('#jsProductItemImages');

しかし、クイック ビューを見ると、通常のポップアップは何も表示されません。私は何かを逃している必要があります ！

私の試み

私の最初の数回の試みは、製品ビューから div を削除し、クイック ビューからブロックjsProductItemImages全体をダンプしてfigureから、関連する css を更新することでした。画像を取り込む間 (インスペクターで見ることができ、ページのスペースを占有します)、空白として表示されます。

また、クイック ビューのサムネイル セクションのみを使用して、製品ビューを使用して最初の画像のみを表示するように制限しようとしました{.section items.0}が、クリックしたサムネイルは、スクリプトを作成しないとスワップアウトしませんでした (明らかに)。コードにすでに存在することがわかっているときに、そのようなものを書きたい!

どんな助けでも大歓迎です！

アップデート：

製品ビュー マークアップをクイック ビュー マークアップに置き換えた後、これらのエラーに遭遇しました

両方の状況で同じ画像の配列をアドレス指定する必要があるため、.all でエラーが発生する理由がわかりませんか?

私は、PDF を作成し、1 番目の JSON が PDFMAKE の docdefinition であり、2 番目の JSON がフォーム送信後の応答である 2 つの JSON パラメーターを取る NODE API を作成しました。

JSON テンプレートを使用して、これら 2 つのパラメーターをマップしました。しかし、問題は応答であり、docdefintion は、1 つの入力値が空でない場合、3 つまでのフィールドを追加できるなど、一部のロジックの一部の行で異なります。これを行う方法がわかりません。何か案が？