- 2023.05.28
- breadcrumbs, Liquid, Shopify, パンくず,
Shopifyの自作パンくずでファセット（絞り込み）の表示に対応する
Shopifyでアプリを使わずにパンくずを実装する手段として、LiquidのコードのサンプルはShopifyパートナーのブログなどでも多数紹介されています。 また、オンラインストアのメニューを使用する […]
Shopifyでバリエーションごとに数量単位を設けて表示を切り替える
Shopifyでは商品にバリエーションを設定してSKUをもたせることができます。 商品ページでバリエーションを選択して数量を入力しカートに入れるのですが、SKUの内容によっては「数量単位」が異なる場合 […]
Shopify コレクションから直接カートに追加するボタンをアプリなしで実装
ShopifyのDawnテーマでは、コレクション（商品一覧）の商品カードに「クイック追加ボタン（quick-add）」という要素を表示することができます。 これをオンにするとバリエーションを持たない商 […]
Shopifyでカテゴリ別のFAQコンテンツ（記事URLあり）を作る
ShopifyのテーマにもともとFAQ（よくあるご質問）用のセクションが用意されていたり、カスタマイズのサンプルで作り方を取り上げているケースをよく見かけますが、ダイナミックソースに直接QAを入力して […]
Shopifyのブログでカタログ・資料PDFダウンロードページ一覧を作成する
ShopifyはカートECのプラットフォームのため、商品データの登録に関しては多機能ですが、webサイトとしての機能はWordPressなどのCMSと比較すると自由度が低いです。 コレクションそのもの […]
Shopifyでサイドメニューのナビゲーションを自作する
Shopifyは海外発のプラットフォームであるため、日本の商慣習に合わない、テーマデザインが日本向けでない、などのデメリットが挙げられることがあります。 とくに、昨今のECサイトデザインではシンプルな […]
ShopifyでタグUIのカテゴリリストを作る
Shopifyではタグやメタフィールドなど、商品に関する情報をたくさん設定できます。それらのカテゴライズをタグUIのリストとして表示しよう、というのが今回の記事です。 [outline] やりたいこと […]
- 2023.02.27
- Font Awesome, Liquid, Shopify,
ShopifyにFont Awesome（無料版）を導入する
「Shopify Font Awesome」でググったときの1ページ目に日本語の記事がひとつも出てこないの、まじか…と思ったので書いておきます。 まあ、普通にFontAwesomeのファイルをasse […]
- 2023.02.26
- Shopify, Shopify CLI,
M1 macでShopify CLIを動かすまでに躓いたところぜんぶ書く
久しぶりに黒い画面こわいデザイナーの本領発揮です。 あまりにもなにもうまくいかなかった… タイトルのとおりですが、Shopify CLIを導入するのに、すんなりいったケースといかなかったケースがあった […]
ShopifyでFullCalendar（無料）を使って営業日カレンダーを表示する
Shopifyに営業日カレンダーを表示したいと思い調べてみたところ、Googleカレンダーを使用する、もしくは有料アプリでどうにかする、という記事がほとんどだった。 とくに、体験・アクティビティ系など […]