記事一覧
【shopify】商品ごとに購入制限する方法
商品ごとに購入制限させたい方がどれだけいるのか…という気はしますが、受注生産とか特注品などを扱う場合に必要な機能だったりします。
前回の記事で購入制限について少し書きましたが、実際のサイト構築では商品ごとに購入制限をさせています。
受注生産品のみを扱うECサイトの構築で、材料の仕入れ状況などによって製造できる個数が変わるという内容だったため、お客さまでも自由に変更できるようにメタフィールドを使って
【shopify】dawn8.0にしたら購入数制限ができなくなった
いつかきちんとした記事にするとして…
これ絶対忘れてしまうので、とりあえずメモ。
基本、自分用メモなので、分かる方のみご参考になさってください。
dawn7.0まではmaxの指定だけでOKmain-product.liquidの「quantity_selector」にmax指定するだけでとりあえず制限できていた。
dawn8.0からは別設定も必要詳しいことは調べてないけれど、上記の指定だけでは
【shopify】自作セクションがカスタマイズ画面に出てこない時
バージョンの問題なのか…
片方のサイトでは問題なく表示されるのに、もう一方のサイトでは全く表示されなかったので、ちょっと調べてみました。
テーマは同じもので、バージョンも同じ。違うのは、shopifyの開設時期だけ。
普通なら出るはず…なぜ？
自作セクションがカスタマイズ画面に出てこない上記の例ではフッターのセクションになっていますが、今回は場所はどこでも同じです。
とにかく自作セクションがこの
【shopify】注文メールのカスタマイズ－管理者側のメール
管理者側の注文確認メールのカスタマイズ編集箇所は「設定」→「通知」→「新しい注文」をクリック。画面右上の「コードを編集」ボタンをクリックします。
銀行振込等の決済方法を表示させる
デフォルトの注文メールの395行目あたりの<p>{{ gateway }}</p>の次の行に下記のコードを挿入します。
{% if order.transactions[0].gateway == "Bank De
【shopify】注文メールのカスタマイズ
注文メールのカスタマイズが必要になったので、忘れないようにメモメモ。
shopifyのQ&Aサイトにコード例も全部掲載されていたので、とっても助かります！
「設定」→「通知」→「注文の確認」
右上に表示されている「コードを編集」をクリック。
下記はshopifyのQ&Aサイトで記載されていたコードをただ埋め込んだだけ。
コード掲載してくださった方に感謝！！
※引用元で感謝の返信しようと思ったらな
【shopify】liquidに直接メニューを書き込む方法
結局不要になったのですが、フッターに直接メニューを書き込む必要が一時的にあったので、備忘録として。
けっこう時間かけた割に不要になるとなんか悔しいので、記録くらいは残しておく…。とりあえずあがいてみる…
<ul class="footer-block__details-content list-unstyled"> {% for link in linklists.footer.links %
【shopify】DAWN8.0に対応させるline-item-propertyの設定
DAWN8.0はけっこうliquid内容が変わっている！noteに書くために検証用サイトのDAWN8.0でいくつかチェックしていたら、7.0から随分変更点が見つかりました。
数か月前から構築の携わっているサイトはDAWN7.0のままで開発を進めていたので、納品前に8.0にしておくか…くらいの感じでチェックしてたら商品ページのカート廻りの処理等けっこう変わっていてびっくりしました。
6.0→7.0は
【shopify】カートのポップアップ通知のカスタマイズ
ちょっと困ったので、備忘録兼ねてメモ。
元々はshopifyのカート部分に備考欄を掲載したかっただけなのですが、ポップアップ通知で「ご購入手続きへ」を直接クリックすると、カートページを飛ばして先に進めてしまう。
shopifyのデフォルトテーマにはカスタマイズの項目にチェックを入れるだけで備考欄を表示させられるようになっているのですが、チェックアウトページには反映されません。
ECサイトのカー
【shopify】商品ページでのvendor表示について
すでに書いた内容と被りますが、vendor表示でカスタマイズする必要が出てきたので、備忘録として。
商品ページでvendor表示
{{ product.vendor }}
リンク付きでvendor表示
{{ product.vendor | link_to_vendor }}
vendorによって条件分岐させる
{% if product.vendor == '名前' %}入力内容{%
【shopify】メタフィールドで入力した文章を改行付で出力させる方法
商品毎に注意書きなどの入力用にメタフィールドの「複数行のテキスト」を使った時に入力したまま（改行あり）で出力する方法をまとめました。
さっきちょっと困ったので、お困りの方はお試しくださいませ。
メタフィールド「複数行のテキスト」をliquidで取得
{{ product.metafields.custom.test }}
「custom.test」のところはご自分で設定したメタフィールドの名
【shopify】リンク付きスライドショーをliquidで作成
dawnのデフォルトスライドショーをカスタマイズしてリンクを付けようかと思っていたのですが、いろいろややこしかったので、自前で設置することにしました。
絶対忘れるので、備忘録兼ねてコードの記録をしておきます。
…というか再現しようとして1か所コード読み込むのを忘れてて、それを探し当てるのに1時間くらいかかった…やっぱり記録残すのは大事。
やりたいこと
画像を数枚横並びにして自動スライドさせる
【shopify】商品ページで使えるコード（liquid）
いつも忘れるので、備忘録を兼ねてまとめてみます。
たった1・2行のコードに調べるのにけっこう時間がかかるものもあったので、まとめておくのは大事！
商品名の取得
{{ product.title }}
商品ページのurl取得
{{ product.url }}
商品情報の取得
{{ product.description }}
特定コレクションへのパス取得
{% assign sam
【shopify】商品ページで使えるカスタマイズ事例02－liqiud
商品ページではできるだけ商品毎に表示を変更したり、詳細情報を掲載したいところです。
メタフィールドを利用すればよりカスタム可能になります。
dawnの商品情報の表示位置変更とバリエーションの一覧表示させるデフォルトテーマのdawnで商品情報の表示位置の変更とバリエーションを一覧表示できるようにカスタマイズしたいと思います。
バリエーション表示についてはバリエーションの種類や数、内容によっては自分