JavaScriptでのデータの渡し方とイベント制御のテクニック
今回は、日頃業務をしながら気になったことを勉強してみました。 HTML内にあるscriptの処理とデータの渡し方です！ この記事を通じて、JavaScriptのデータの渡し方やイベント制御のテク...
1
2
Comment3
14 search resultsShowing 1~14 results
Stocked
You need to log-in
Themeカスタマイズで、ロジックを組む時に便利なLiquidのwhere
エンジニアの皆さん、Liquidのwhereを活用していますか？ 今回は、Themeカスタマイズを行う際に、特定の条件を満たす要素を効率的に取得するためのwhereについて紹介します。 if文と...
2
2
Comment0
Shopify テーマカスタマイズ ブランド一覧の作り方
Shopifyのテーマカスタマイズを行っているエンジニア向けに、ブランド一覧ページを作成する方法を紹介します。 ブランド一覧ページは、ショップのブランドをまとめて表示するページです。ショップのブ...
1
1
Comment0
Shopifyの検索とソートのロジック
今回は、Shopifyの検索機能とソートについて書いていきます。 アプリを使わずにShopifyのデフォルトの機能を使って、検索フィルターやソートをさせたいという要望があり機能を実装しますが、ど...
6
4
Comment0
Shopify Dawnテーマで検索結果を商品のみ表示する方法
今回は検索結果に表示される内容を商品だけに絞り込みたいについてです！ Dawnでは、テーマのカスタム機能に検索結果に表示される内容を商品、ページ、記事どれかに絞り込んで表示させる機能がありません...
2
3
Comment0
Shopify CLIのインストール方法と使い方
弊社では、Shopify開発にはShopify CLIを使用して開発をしています！ Shopify CLIを使用し始めて、１年ぐらいになりますが、導入当初は色々と戸惑ったりしたこともありますし、...
5
2
Comment0
ShopifyのDawnテーマの住所登録でデフォルトで都道府県を表示する方法
ShopoifyデフォルトテーマになっているDawnですが、電話帳ページで新規住所登録しようとするとデフォルトでは、都道府県のセレクターは表示されていない状態です。 国/地域を選択することで、国...
6
2
Comment0
ShopifyのDawnテーマのお問合せフォームをブロックタイプで、任意の項目にカスタムできるようにするコード
今回は、ある案件で実装したコードを共有したいと思います！ 社内で出た「お問合せページの項目を、テーマからカスタマイズできるといいよねー」の言葉から実装したものです。 コピペで簡単に出来るようにフ...
2
2
Comment0
Shopifyの購入完了ページにattributesを表示させる方法①
どうも！Shopifyおじさんです！ 今回は、Shopifyの購入完了ページ、いわゆるサンクスページと呼ばれる場所にcart.attributesの値や、その他の情報が出せないか？を色々調べてみ...
6
1
Comment0
Shopify商品閲覧履歴の実装方法２
以前紹介した、Shopify商品閲覧履歴の実装方法なのですが…少し難点がありまして、他の商品カードと同じスタイルで表示しようとすると、JSで処置を追加してあげないといけなくなります。 どうゆうこ...
3
2
Comment0
ShopifyデータをHTMLベースでJSへ渡す方法
今回は、どうしても面倒だった、Liquid data ＞ jsへjsonで渡す ＞ jsでHTMLテンプレートにデータを入れて出力 の工程で楽出来ないかと思い…試行錯誤した結果、上手くいったので...
3
2
Comment0
Shopify商品閲覧履歴の実装方法
Shopifyのテーマ開発で、基本必須化してきている商品閲覧履歴のスライダー。 ほぼ１００％使うけど…毎回前書いたコードをコピペしながら、「ここどうだったかな？」となって面倒なので、メモ的な意味...
3
3
Comment0
Shopifyの日本語設定Themeでサジェストを出す方法
Shopifyの日本語設定Themeでサジェストを出す方法 Dawnテーマで、検索をしてみると下にグルグルが出たままで何もサジェスト出てこない。 ってなってませんか？ これは、テーマの言語設定が...
4
3
Comment0
効率のいいコードの書き方
コードを書いていると、下部のようなデザインによく出くわします。 スキーマのblockforで動的に追加するのであれば、アイテムになる部分の記述は１度でいいのですが、 静的に固定されているよう...
2
1
Comment0
14 search resultsShowing 1~14 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles