liquid

CSS

【Shopify】商品ページのカラーバリアント選択をサムネイルタイプのボタンにし、メインスライダー画像と連動させる!

同じ要件の案件だと、これまではアプリを使用して実装していましたが、この度アプリなしで実装できたので、その備忘録として。 やりたいことはこれ! これをしたくてもスライダーとバリアント選択同期が対応していない古いテーマの部...
liquid

【Shopify】標準だとイケてないカートページをカスタマイズ!

Shopifyではデザインが洗練されたテーマを使用すれば、カートページのデザインもイケてるものにできるはず、、と思いきや、何もしないと案外UIが悪いものがある。 ここでは、カートページ内を一新した例をもとに要点を紹介します。 ...
liquid

【Shopify】Liquidでランダムに何かのデータを取り出したい!でもliquidにはランダム関数がない!どうする?

liquidにはランダム関数がない ちょっとびっくりしたんですが、ないらしいです。ランダムフィルターみたいなものもない。 では、巷ではどのようにliquidでランダムを実現しているのか?? 方法1. Github上のLi...
Shopify

【Shopify】配列をliquidで作成する方法、そして配列をシャッフルして出力する方法!

明けましておめでとうございます。今年もやってまいりましょう! 配列を作成するのも配列をシャッフルするのもliquidはゼロからだと超しんどかったので備忘録を。 配列を作るにはsplitとjoinいうフィルターを使うしかない。s...
Shopify

【Shopify】アプリなしでカート内の合計金額で送料無料まであと〇〇円!の表示をする!

ECサイトでよくある「注文金額〇〇円で送料無料!」の表示。 以下のコードで完了! アプリでこれを実装することも可能だが、以下のコードで実装できます! {%- endif -%} <p class="an...
Shopify

【Shopify】ページで条件分岐、顧客タグで条件分岐

例えば、同じページテンプレートだが特定のページの時だけ処理を変えたいというとき。 また、リンクのジャンプ先を会員ユーザーはゲスト(非ログインユーザー)と違うページにしたいとき。 Shopifyではとても簡単に条件分岐を書けます...
Shopfy2.0

【SublimeText】にLiquidファイルのシンタックスハイライトを設定!

Shopifyのサイト制作をしてきて、ずぼらな僕はSublinmeTextでコードを書くときのシンタックスハイライトの設定をしていないまま8か月ほど過ぎようとしていた。 いつも手動で、HTMLかPHPのシンタックスにセットして制作し...
タイトルとURLをコピーしました