今回は、下記例示のようにCSSで規定の幅から文字数が多いためにはみ出てしまうテキストを省略する方法です。 See the Pen Untitled by 林 (@hayashi-akina) on CodePen. 下記のコードをいれるだけで、長い文章を「…」に省略してくれます。 .text {   white-space: nowrap;   overflow:

スムーズスクロールとは、サイトをタップするだけでアンカーを付けた箇所に画面が滑らかに移動する動きのことです。 今回は、JavaScriptを使用せず、スムーズスクロールをCSSだけで実装する方法を紹介します。 html{  scroll-behavior: smooth; } このスムーズスクロールは、ランディングページのナビメニューを設定する際などに

株式会社Ｅストアーが提供するECプラットフォーム、「ショップサーブ」。 ショップサーブには、他のECプラットフォームにはない下記のメリットがあります。 カートだけの利用が簡単にできる APIで簡単に受注連携 日本向けのEC機能が揃っている 今回はその2つめ、「APIで簡単に受注連携」について紹介します。 APIで簡単に受注連携 他のサービスでも提供はありますが

株式会社Ｅストアーが提供するECプラットフォーム、「ショップサーブ」。 ショップサーブには、他のECプラットフォームにはない下記のメリットがあります。 カートだけの利用が簡単にできる APIで簡単に受注連携 日本向けのEC機能が揃っている 今回はその2つめ、「APIで簡単に受注連携」について紹介します。 APIで簡単に受注連携 他のサービスでも提供はありますが

株式会社Ｅストアーが提供するECプラットフォーム、「ショップサーブ」。 ショップサーブには、他のECプラットフォームにはない下記のメリットがあります。 カートだけの利用が簡単にできる APIで簡単に受注連携 日本向けのEC機能が揃っている 今回はその1つめ、「カートだけの利用が簡単にできる」について紹介します。 カートだけの利用が簡単にできる ショップサーブで

最近、ShopifyでECサイト構築を行うことが多くなりました。 開発しながら「Shopifyっていいなあ」と気づく点がいろいろとあったため、自社ECサイトを検討中の方には今後、Shopifyをお薦めしていこうと思っています。 いいなと思うShopifyですが、足りない機能もあります。 たとえば「お気に入りに追加」機能。有料オプションになっており、月額$15〜$99の費用がか

①事前準備 「Ruby」をインストール する バージョン ２．７以上がインストールされているか。なければ、インストールする。 （Mac OSの場合）➡Homebrewがインストールされていること ②shopify CLI をインストールする(ショピファイとローカル環境をつなぐツール) ※オンラインストア２．０～推奨されています。 ★こちらのリンクはショピファイを構築するうえで参考

連携しているShopify（ショピファイ）のカート画面に備考欄を作成し、WordPress（ワードプレス）で表示させる方法を紹介します。   ①Shopifyの管理画面から左下の「設定」をクリック   ②「購入ボタン」を選択 ➡ 「ストアカスタマイズ」を押下   ③「販売チャネルを開く」をクリック