• Facebook
  • Pinterest
  • Twitter
  • Linkedin
コンテンツへスキップ
category

Liquid

2024年11月12日

【Shopify小技】forloop.indexを使って「売れ筋ランキング (セクション)」を作る

ECサイトに「売れ筋ランキング(ベストセラー)」を設置するメリットはいくつかあります。 ユーザーの購買意欲向上はもちろん、サイト回遊の促進、コンバージョン率の向上に加え、SEO効果も期待できます。 今回は、自作の「売れ筋…

Liquid

2024年11月9日

【Shopify小技】自作「検索窓パーツ」を作りたい!しかも商品のみに‥

Shopifyストアのテーマには、ストアの商品などの検索ができる、通称「検索窓」パーツが存在しています。 私がよく使うテーマ「Sense」にもヘッダーに設置されていて、虫眼鏡アイコンをクリックすると、検索窓がモーダル表示…

Liquid

2024年11月8日

【Shopify小技】商品一覧にバリエーションの在庫数を表示させたい

ECストアにおいて、商品一覧の各商品の在庫数を表示させる事はいくつかメリットがあります。 まず、在庫が少ないことが表示されると、顧客に「早く買わなければ売り切れるかもしれない」という緊急感を与え、購買意欲を高めることがで…

Liquid

2024年11月6日

【Shopify小技】商品ページごとに違う関連商品リスト(コレクション)を表示させたい

ECサイトの商品ページで関連商品リストが重要な理由はいくつかあります。 購入促進と売上増加や、顧客満足度の向上、サイトの滞在時間延長(SEOと回遊率の改善)などが挙げられると思います。 今回は、Shopifyサイトの商品…

Liquid

2024年11月3日

【Shopify小技】ブログ記事に同じタグを持つ「商品一覧」を実装したい

ECサイトにおいてブログ記事作成は、SEO効果やエンゲージメントの向上など、メリットが多いとされます。 Shopifyは、ブログ記事作成のための様々な機能が揃っており、ブログ集客も容易にできる環境が整っていると言っても過…

Liquid

2024年11月1日

【Liquid基礎】{% for %} – {% else %}の使い方とサンプルコード

Shopifyの開発言語Liquidで、カスタマイズ頻度が最も多いのが「for文」だと思います。 商品(Product)やブログ記事(Article)、注文(order)などの要素を取得・表示するためのループ(繰り返し処…

Liquid

2024年10月29日

【Liquid基礎】ループのスキップに用いる {% continue %} を理解するための最もシンプルなコード

Shopifyのプログラミング言語であるLiquid。if文やfor文、case文などカスタマイズに不可欠な色々な制御構文があります。 本サイトでは以前、このような構文を理解するための用法やサンプルコードなどを紹介しまし…

Liquid

2024年10月28日

【Liquid基礎】ループの強制終了に用いる {% break %} を理解するための最もシンプルなコード

Shopifyのプログラミング言語であるLiquid。if文やfor文、case文などカスタマイズに不可欠な色々な制御構文があります。 本サイトでは以前、このような構文を理解するための用法やサンプルコードなどを紹介しまし…

Liquid

2024年10月26日

【Shopify小技】商品一覧にオプション「画像」表示させる最もシンプルなLiquidコード

本サイトでは以前、自作で「特定コレクションの商品一覧」を作成する手順を、2回に分けて紹介しました。 Shopify 自作で「商品一覧」を作る!カスタマイズ画面で簡単に指定できるスキーマ設定 Shopify 自作で「商品一…

Liquid

2024年10月22日

【Shopify小技】商品一覧に「ディスカウント前後の価格」「割引率」を表示させたい

本サイトでは以前、自作で「特定コレクションの商品一覧」を作成する手順を、2回に分けて紹介しました。 Shopify 自作で「商品一覧」を作る!カスタマイズ画面で簡単に指定できるスキーマ設定 Shopify 自作で「商品一…

Liquid

投稿のページ送り

« 前へ 1 … 3 4 5 … 7 次へ »

Shopifyにハマった人のためのブログ | Copyright © Shopify Holic All Rights Reserved.