問題タブ [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 に答える
1912 参照

ruby-on-rails - 液滴のアクセスレールimage_tagヘルパー

液滴内からimage_tagrailsヘルパーにアクセスする方法を知っている人はいますか?

私はこれをどこにも見つけることができないように見えるので、どんな助け/例も素晴らしいでしょう!

ありがとうリック

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

javascript - Rails アプリで Liquid テンプレート言語変数を使用してサイトの CSS を動的に変更する

だから私はRails 3のようなサイトビルダーアプリを持っていて、サイトの所有者が自分のサイトをカスタマイズできるように流動的な言語を使用しています。

サイト所有者がテーマの 1 つを使用すると、レイアウト html と、リキッド変数を含む css ファイルが取得されます。

次に、css ファイル内の Liquid によって参照される値を変更する設定フォームも取得します。

サイト所有者のサイトビューの上部に設定フォームを表示して、たとえば背景色のカラーピッカーを変更したり、サイトの実際の背景色も変更されたりするのを確認できるようにします。

新しい色をデータベースに保存してから、カラーピッカーを使用して新しい液体値でcssファイルを再レンダリングできないため、これをすぐに行う方法がわかりません。したがって、フロント エンドで css を変更し、ユーザーが [変更の保存] をクリックしたときに変更内容を参照してデータベースを更新する方法が必要です。

これを行う方法に関するヘルプ/例/経験は大歓迎です。

事前にどうもありがとうリック

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

liquid - Shopify: 製品バリアント ID が数字ではなくリテラル文字列として出力される

これを読んでくれてありがとう。

現在、パートナー アカウントを通じて「テスト ショップ」を開発中です。私のproduct.liquidファイルを受け入れると、ショップ内のすべてが期待どおりに機能しています。製品のバリアント ID はすべて、数値ではなくリテラル文字列として出力されます。製品の複数のドロップダウンを作成するために、jQuery ソリューションで option_selection.js ファイルを使用しています。

もちろん、カート アクションには ID が渡されないため、「バリアント ID が渡されなかったため、このアイテムをショッピング カートに追加できませんでした」というメッセージが表示されます。したがって、解決策またはこれを引き起こしている原因についての考えは大歓迎です。

以下は、配置されたバリアント ループのサンプルです。

そして、これが XHTML 出力です。注: これは、ドロップ ダウンの 1 つの結果のみです。同様の出力を持つドロップ ダウンが 2 つあります。

問題にもう少しコンテキストを追加するために、jQuery ソリューションを使用して複数のドロップダウンを作成する前のドロップダウン出力のサンプルを以下に示します。これはまだ上記と同じバリアント ループを使用しており、同じエラーが発生します。バリアント ID が通常より長いようです...

以下は開発リンクとパスワードです。

http://terry-inc6406.myshopify.com/products/featured-product-1

パス: yhc

再度、感謝します!そして初投稿が長くなってしまい申し訳ありません

0 投票する
6 に答える
1993 参照

liquid - Locomotive でLiquid テンプレート化されたクラスを与える

次の液体マークアップがあります。

そして、それは次のようにレンダリングされます

クラスまたはそれに任意のオプションを追加する方法は? 次のようにレンダリングしたい:

Locomotive CMS と付属の液体を使用します。

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

yaml - Jekyll/Liquid - 大きなテキスト ブロックを YAML フロント マターに追加する方法は?

20 ページまたは 30 ページのそれぞれに 7x2 テーブルが含まれるサービス カタログを Jekyll で実装しようとしています。左の列には、概要、利用可能先などのラベルが表示され、右の列には 1 行から複数​​の段落のテキストが表示されます。{overview}、{availableTo} などの Liquid 変数を使用して、右側の列を特徴付けたいと考えていました。

YAML は改行について非常にうるさいように思われるので、これらの段落とそのマークアップを 1 行に入力する必要があり、複数の画面幅にまたがる可能性があることに気付きました。これは煩わしいので問題です。また、これらのフロントマターを技術者であるが webdev 以外のユーザーが編集できるようにしたいためです。フロントマターにブレークを許容させる方法はありますか?

または、毎回テーブルを再コーディングすることなく、このテーブルに {content} セクションを入力する方法はありますか?

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

url - Shopify - 同時に複数のテーマをホストする

だから、私はshopifyでいくつかの製品を販売しています. コーヒーとしましょう。

私は自分のコーヒーを販売したい、別のブランドを持ちたい、ブランドのウェブサイトを持ちたいという新しいグループと協力しています。単一のshopifyアカウントでこれを行う簡単な方法はありますか?

これをページテンプレートに追加しました

そして、これを使用して別のテーマのページを作成する方法を確認できました。しかし、サブページに直接リンクしている場合にのみ機能します。この新しいブランドには別の DNS 名を設定します。要求された URL を取得する方法はありますか?

(page.url は、実際に要求されたものではなく、主に構成された URL を返します)。

私が完全に取るべき別のアプローチはありますか (追加のサブスクリプションをフォークする以外に?)

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

templates - 液体中の日付の比較

Liquid with Jekyllを使用して、バンドのWebサイト(http://longislandsound.com.au)に日付を投稿しています。

私が欲しいのは、古い日付を自動的に非表示にすることです。そのため、戻ってそれらを再度削除する必要はありません。投稿日を現在の日付と比較し、日付が将来の場合にのみ投稿を表示するのが最善の方法だと思いますが、その方法がわかりません。

現在のコードは次のとおりです。

いくつかのifステートメントを試しましたが、投稿日と現在の日付を比較する方法がわかりません。

誰か助けてもらえますか?

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

liquid - Jekyll ブログで強調表示されている pygments の奇妙な背景色

pygments を使用して、構文の強調表示をJekyllブログに追加しようとしています。強調表示が機能するようになりましたが、コードに奇妙な色合いが付きます。これについては、下の画像を参照してください。 それはどのようなものか

Github 構文スタイルシートを使用していますが、それが問題の原因ではありません。強調表示を担当するすべての CSS をコメントアウトしたため、これを知っていますが、色合いはまだそこにあります。

この問題を解決するために何ができるか知っている人はいますか?

画像に表示されているものを担当するコードは次のとおりです。

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

ruby - 液体タグ内の液体変数を解決する

Jekyll がサイトをレンダリングするためのフレームワークである Octopress を使用しています。ruby-aaws gem をラップするプラグインを使用しており、Amazon の製品識別子 (asin) を使用して Amazon にクエリを実行できます。ページの一部を再帰的にレンダリングし、asins のリストをループして出力を生成したいと考えています。これまでの私のコードは次のとおりです。

私の理解では、{% capture variable_name %}...{% endcaputre %} はカプセル化されたものをレンダリングし、結果を variable_name に割り当てます。ただし、サイトを生成しても何も生成されません。キャプチャ タグ内の asin 参照を単一の asin に置き換えると、ページは適切にレンダリングされます。

これを機能させるには、capture タグ内で asin 変数を適切に参照するにはどうすればよいですか?