color

デザイナー／1児の母 仕事の備忘録兼ねて、web制作ネタをメインに、ジャンル問わず、気…

color

デザイナー／1児の母 仕事の備忘録兼ねて、web制作ネタをメインに、ジャンル問わず、気ままに書いています。 フリーランス9年、法人成してもうすぐ3期目！ ビジネスネタや育児とのバランスみたいなネタも書けたらいいな。 趣味と実益兼ねてストックフォトも挑戦中！

【ECサイト】作成前に決めることが多い！心して準備せよ

やっと子どもが寝てくれました… 最近、仕事はバタバタだし、子どももべったりで記事を書く暇もなく。 今日は夜に少し自分の時間が持てそうな感じだったのに、結局22時過ぎてやっと時間ができた感じです。 子育て、家事、仕事のバランスはなかなかにハードです。 さて、今回の記事はECサイトをこれから始める方、検討中の方、なかなか売上が伸びなくて悩んでいる方に読んでほしい内容です。 制作上の愚痴も多々出てきますが、基本的には気を付けましょう、という内容です。 ECサイトの受注の際に気を付

color

    • 起業時にこそ大事！受注時には案件を選んだ方はいい

      起業とかライフワークバランスとか今まで培ったり思ってきたことをアウトプットしようと思いつつ、忙しすぎてshopifyの備忘録ばかりになってしまったのでたまにはビジネス関連の記事を書いてみます。 多分、大半の起業した人に関連するのではないかと思います。 経験談を元に書いていますので、一つの事例として参考にしていただければと思います。 起業時にこそお客さまと仕事の質は選んだ方がいい起業した時の状況や業種などによって一概に言えないところではありますが、一般的には起業時にこそ付き

      color

      • 【shopify】商品ごとに購入制限する方法

        商品ごとに購入制限させたい方がどれだけいるのか…という気はしますが、受注生産とか特注品などを扱う場合に必要な機能だったりします。 前回の記事で購入制限について少し書きましたが、実際のサイト構築では商品ごとに購入制限をさせています。 受注生産品のみを扱うECサイトの構築で、材料の仕入れ状況などによって製造できる個数が変わるという内容だったため、お客さまでも自由に変更できるようにメタフィールドを使って構築しました。 アプリなどもあるようですが、liquidを触れる人なら自分でカス

        color

        • noteを始めた理由

          私がnoteを始めた理由を書いてみます。 個人的な内容ではありますが、これから起業したばかりの方や起業しようと思っている方にも参考になる内容かと思います。 ブログを止めた理由一番最初に始めたのはブログでした。 最初は匿名、起業してからは自分の屋号や会社でブログをやっていました。 匿名の時はブログを備忘録として使っていたし、気軽にいろいろ投稿できたので、楽しく続けていました。 ややこしくなったのは自分の屋号や会社名でやり始めた時です。 私が起業したのはもう10年前になりますが

          color

        【ECサイト】作成前に決めることが多い！心して準備せよ

        color

          【shopify】dawn8.0にしたら購入数制限ができなくなった

          いつかきちんとした記事にするとして… これ絶対忘れてしまうので、とりあえずメモ。 基本、自分用メモなので、分かる方のみご参考になさってください。 dawn7.0まではmaxの指定だけでOKmain-product.liquidの「quantity_selector」にmax指定するだけでとりあえず制限できていた。 dawn8.0からは別設定も必要詳しいことは調べてないけれど、上記の指定だけではとにかくどうにもならない。 該当箇所のコードを見ると下記のコードに変更になってい

          color

          【shopify】dawn8.0にしたら購入数制限ができなくなった

          color

          【shopify】自作セクションがカスタマイズ画面に出てこない時

          バージョンの問題なのか… 片方のサイトでは問題なく表示されるのに、もう一方のサイトでは全く表示されなかったので、ちょっと調べてみました。 テーマは同じもので、バージョンも同じ。違うのは、shopifyの開設時期だけ。 普通なら出るはず…なぜ？ 自作セクションがカスタマイズ画面に出てこない上記の例ではフッターのセクションになっていますが、今回は場所はどこでも同じです。 とにかく自作セクションがこのカスタマイズ画面の選択肢に表示されないことが問題。 表示されないセクションには

          color

          【shopify】自作セクションがカスタマイズ画面に出てこない時

          color

          【shopify】注文メールのカスタマイズ－管理者側のメール

          管理者側の注文確認メールのカスタマイズ編集箇所は「設定」→「通知」→「新しい注文」をクリック。画面右上の「コードを編集」ボタンをクリックします。 銀行振込等の決済方法を表示させる デフォルトの注文メールの395行目あたりの<p>{{ gateway }}</p>の次の行に下記のコードを挿入します。 {% if order.transactions[0].gateway == "Bank Deposit" %}<p>銀行振込</p>{% elsif order.trans

          1,000
          color

          【shopify】注文メールのカスタマイズ－管理者側のメール

          color

          【shopify】注文メールのカスタマイズ

          注文メールのカスタマイズが必要になったので、忘れないようにメモメモ。 shopifyのQ&Aサイトにコード例も全部掲載されていたので、とっても助かります！ 「設定」→「通知」→「注文の確認」 右上に表示されている「コードを編集」をクリック。 下記はshopifyのQ&Aサイトで記載されていたコードをただ埋め込んだだけ。 コード掲載してくださった方に感謝！！ ※引用元で感謝の返信しようと思ったらなぜか認証エラーで返信できなかった…。とにかく感謝！（ここに書いても…っていう感じ

          color

          【shopify】注文メールのカスタマイズ

          color

          【shopify】liquidに直接メニューを書き込む方法

          結局不要になったのですが、フッターに直接メニューを書き込む必要が一時的にあったので、備忘録として。 けっこう時間かけた割に不要になるとなんか悔しいので、記録くらいは残しておく…。とりあえずあがいてみる… <ul class="footer-block__details-content list-unstyled"> {% for link in linklists.footer.links %} <li> <a href="{{ link.url }}" clas

          color

          【shopify】liquidに直接メニューを書き込む方法

          color

          【shopify】DAWN8.0に対応させるline-item-propertyの設定

          DAWN8.0はけっこうliquid内容が変わっている！noteに書くために検証用サイトのDAWN8.0でいくつかチェックしていたら、7.0から随分変更点が見つかりました。 数か月前から構築の携わっているサイトはDAWN7.0のままで開発を進めていたので、納品前に8.0にしておくか…くらいの感じでチェックしてたら商品ページのカート廻りの処理等けっこう変わっていてびっくりしました。 6.0→7.0はそれほど気にならなかったんですが、8.0はあちこち変わってます。 個人的な感想と

          color

          【shopify】DAWN8.0に対応させるline-item-propertyの設定

          color

          【shopify】カートのポップアップ通知のカスタマイズ

          ちょっと困ったので、備忘録兼ねてメモ。 元々はshopifyのカート部分に備考欄を掲載したかっただけなのですが、ポップアップ通知で「ご購入手続きへ」を直接クリックすると、カートページを飛ばして先に進めてしまう。 shopifyのデフォルトテーマにはカスタマイズの項目にチェックを入れるだけで備考欄を表示させられるようになっているのですが、チェックアウトページには反映されません。 ECサイトのカート部分をカスタマイズすると、エラーなどが出やすく、予想外のところで問題が出てくる

          color

          【shopify】カートのポップアップ通知のカスタマイズ

          color

          【shopify】商品ページでのvendor表示について

          すでに書いた内容と被りますが、vendor表示でカスタマイズする必要が出てきたので、備忘録として。 商品ページでvendor表示 {{ product.vendor }} リンク付きでvendor表示 {{ product.vendor | link_to_vendor }} vendorによって条件分岐させる {% if product.vendor == '名前' %}入力内容{% endif %} もっとややこしいのかと思ったらこれだけで条件分岐できました

          color

          【shopify】商品ページでのvendor表示について

          color

          【shopify】メタフィールドで入力した文章を改行付で出力させる方法

          商品毎に注意書きなどの入力用にメタフィールドの「複数行のテキスト」を使った時に入力したまま（改行あり）で出力する方法をまとめました。 さっきちょっと困ったので、お困りの方はお試しくださいませ。 メタフィールド「複数行のテキスト」をliquidで取得 {{ product.metafields.custom.test }} 「custom.test」のところはご自分で設定したメタフィールドの名前に置き換えてください。 メタフィールドの入力内容を取得するだけなら上記のコー

          color

          【shopify】メタフィールドで入力した文章を改行付で出力させる方法

          color

          【shopify】リンク付きスライドショーをliquidで作成

          dawnのデフォルトスライドショーをカスタマイズしてリンクを付けようかと思っていたのですが、いろいろややこしかったので、自前で設置することにしました。 絶対忘れるので、備忘録兼ねてコードの記録をしておきます。 …というか再現しようとして1か所コード読み込むのを忘れてて、それを探し当てるのに1時間くらいかかった…やっぱり記録残すのは大事。 やりたいこと 画像を数枚横並びにして自動スライドさせる 画像にリンクをつける レスポンシブで表示可能 アプリは使わず、自前スライド

          1,000
          color

          【shopify】リンク付きスライドショーをliquidで作成

          color

          【shopify】商品ページで使えるコード（liquid）

          いつも忘れるので、備忘録を兼ねてまとめてみます。 たった1・2行のコードに調べるのにけっこう時間がかかるものもあったので、まとめておくのは大事！ 商品名の取得 {{ product.title }} 商品ページのurl取得 {{ product.url }} 商品情報の取得 {{ product.description }} 特定コレクションへのパス取得 {% assign sample_collection = collections.sample %}<a

          color

          【shopify】商品ページで使えるコード（liquid）

          color

          【shopify】商品ページで使えるカスタマイズ事例02－liqiud

          商品ページではできるだけ商品毎に表示を変更したり、詳細情報を掲載したいところです。 メタフィールドを利用すればよりカスタム可能になります。 dawnの商品情報の表示位置変更とバリエーションの一覧表示させるデフォルトテーマのdawnで商品情報の表示位置の変更とバリエーションを一覧表示できるようにカスタマイズしたいと思います。 バリエーション表示についてはバリエーションの種類や数、内容によっては自分で組んだ方がいい商品もあるので、商品毎に表示・非表示が変更できるようにしてみまし

          1,000
          color

          【shopify】商品ページで使えるカスタマイズ事例02－liqiu…

          color