問題タブ [liquid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
848 参照

javascript - Shopifyでは、製品のバリエーションをDODOCASEのようなサムネイルとしてどのように表示しますか?

カラーバリエーションのある商品があります。ドロップダウンしてカラーバリエーションを表示する代わりに、ラジオボタンで色のサムネイルを表示する方法はありますか?

DODOcaseがカラーオプションに対して行う方法と同じように:http://www.dodocase.com/products/dodocase-for-ipad2

0 投票する
1 に答える
784 参照

jekyll - Liquid タグを使用してノードをリンクする

ノードのネットワークがあり、そのうちのいくつかは互いに関連しています。私は Jekyll を使用して Web サイトを強化しており、リキッド タグを使用してそれらの関係をマッピングしたいと考えていました。

それで、私がこれをやろうとしてきた方法は次のとおりです。

1のカテゴリにあるAはB に関連し、 2のカテゴリにあるBはAに関連し、C

A のページにアクセスしたときに、B が関連としてリストされていることを確認したいと思います。

YAML フロント マターを次のように定義しました。

私の液体テンプレートは次のようになります。

私には、それはうまくいくように見えます。実際にはそうではありません。

提案は大歓迎です!

また、関連する Github ページはこちら: https://raw.github.com/salmonhabitat/salmonhabitat.github.com/master/_posts/2011-12-12-bycatch.md

https://raw.github.com/salmonhabitat/salmonhabitat.github.com/master/_posts/2011-12-12-accidental.md

https://github.com/salmonhabitat/salmonhabitat.github.com/blob/master/_layouts/post.html

私が意図していたのは、「海の混獲」の関連ノードの下に「偶発的な傷害」が表示されるようにすることでした...

0 投票する
2 に答える
235 参照

vim - VIM:空の液体タグを挿入するためのショートカット?

ブログをJekyllに移行し、MacVimを使用して投稿を書いています。私はこのようなタグをたくさん書いていることに気づきました:

あるいは...

{{ }}または{% %}タグを挿入するためのショートカットはありますか?

注:私はVimにかなり慣れていないので、助けていただければ幸いです。ティムポープのLiquidプラグインとサラウンドプラグインをインストールしています。

0 投票する
2 に答える
645 参照

ruby - Jekyllで生成されたサイトにRecaptchaプラグインをインストールします

Ambethia recaptchaプラグインを、Liquidテンプレートを使用してフォームを生成するjekyllで生成されたサイトにインストールしようとしています。このサイトはRailsで実行されていないため、何をどこに配置する必要があるかを翻訳するのに少し苦労しています。

誰かアドバイスできますか?

0 投票する
1 に答える
1218 参照

javascript - Javascript を使用してクリックごとにアンカー タグを更新する

誰かが「パレットに追加」(カートではなくパレットと呼びます) をクリックするたびに、ページが同じページに更新され、その製品の div に配置される e コマース サイトがあります (ここで試してみてください: http://www.boostliquidation.com/ )。これは、次の Javascript を使用して発生します。

そして、「カートに追加」ボタンの前の非表示の入力タグに配置されたこのアンカー タグ:

({% %} 内のコードは、Shopify ウェブサイトで使用される Liquid と呼ばれる言語です)。

これは正常に機能します...ただし、最初の製品でのみです。アドレスバーに # が前に付いた SKU 番号が追加されます。ユーザーが別の製品を追加すると、SKU 番号がアドレス バーに既に表示されている既存の SKU 番号に修正されるため、ページの上部に更新されます。

最初の SKU の後に製品を追加して、既存の SKU を独自の SKU に置き換えて、ページの上部に戻るのではなく、製品に更新されるようにするにはどうすればよいですか?

0 投票する
1 に答える
708 参照

html - Jekyll/Liquid と pygments を使用した html の問題の強調表示

私は pygments で Jekyll を使用して{% highlight %}おり、.html 投稿で問題が発生しています。ここでわかるように、{% ハイライト %} を出力しているだけですが、私のホームページでは構文の強調表示が機能しています

インデックスのコードと投稿のコードは次のとおりです

問題が何であるか、または投稿ページではなくインデックスで機能している理由がよくわかりません。何か案は?

0 投票する
2 に答える
5620 参照

yaml - JekyllでLiquidforループが正しく機能しない

Jekyllでリキッドforループを使用して、このYAML構造に基づいてページコンテンツを表示しています。

これはforループです:

item.image/images/isitgo.png文字列になり/images/disko.png、出力されません。
代わりに私がやった場合{{ item }}、結果は次のようになります。

これは何が原因ですか?

0 投票する
3 に答える
2038 参照

ruby-on-rails - モデルで使用可能なすべての Liquid メソッドを公開するにはどうすればよいですか?

私のモデルのいくつかには、以下を使用して液体メソッドが定義されています。

モデルで使用可能なメソッドのリストを取得するにはどうすればよいですか (ハッシュまたは配列であると思います)。フォーラムの投稿や電子メール テンプレートなどでそれらを使用するユーザーに、使用可能なメソッドのリストを出力したいと思います。

0 投票する
1 に答える
666 参照

html - HTMLWebページをWindowsガジェットに変換する

WebページをWindowsガジェットに変換したかったのです。基本的に、Webページには2つまたは3つの画像とカウントダウンしかありません。私はそれをやろうとしましたが、残念ながらガジェットのサイズは幅2px、高さ8px程度に縮小しました。Amnesty Generatorを試しましたが、ガジェットをオフラインでも動作させたいです。

PSガジェットに問題がないように、htmlページを液体にしました。

よろしく、
ネチズン

0 投票する
2 に答える
22321 参照

jekyll - リキッドテンプレート:forループ内の偶数/奇数アイテム

Liquidにforループがある場合(Jekyllを使用)、偶数(または奇数)のアイテムのみをターゲットにするにはどうすればよいですか?私が試してみました:

しかし、それはうまくいかないようです。私も試しました:

と: