Xポストログ
Xで投稿したShopify関連の内容をそのまま記録しています。
-
注文状況ページの追加スクリプトで{{http://checkout.total_price}}として合計金額を取得しようとすると、「1100」の場合「110000」と表示されてしまいます。moneyフィルターをつけても¥1,110のように整数ではなくなってしまうので、times: 0.01フィルターで桁をそろえるようにしています。
#shopify
-
ストア構築時はもちろんのこと、公開後も商品情報のアップデートや注文データの一括フルフィルメントなど、結構な頻度でデータ操作が欠かせないのですが、ほぼ全てのマーチャントさんで使わせてもらっているアプリがMatrixifyです。作業効率が劇的に上がります。
https://apps.shopify.com/excel-export-import?locale=ja
#shopify -
ローカルでLiquidを編集する時はVSCodeを使うのですが、拡張機能はShopify Liquid Template Snippetsにしています。コード補完機能「IntelliSense」のおかげで迷うことなくコーディングできます。
https://marketplace.visualstudio.com/items?itemName=killalau.vscode-liquid-snippets
#shopify #liquid -
@ao_ShopifyOtaku そうですね！弊社の新人フロントエンドエンジニアさんからの提案で導入しました。運用を開始してしばらく経ちましたが、GitHub運用だけで本番公開までできてしまうのでオススメです！
-
Dawnなどの無料テーマには無い機能の一つとして、コレクションページで色選択ができるカラースウォッチがあります。Prestigeならチェックを入れたらすぐに使える上に、カラーの調整もしやすくて便利です。（同ベンダーのFocalもできます）
#shopify #shopifytheme
-
個人的におすすめな有料テーマの一つにFocalがあります。推薦理由は色々あるのですが、例えば商品バリアントセレクターにおいて、設定されていないバリエーションは表示しないなど、デフォルトでカスタマーフレンドリーなUIを提供してくれる点もその一つです。
#shopify #shopifytheme
-
Shopifyテーマ編集について、少々マニアックな話を一つ。控えのテーマで作成したテンプレートが、ページや商品情報などの編集画面で表示されず設定できないことがあります。そんな時は、ライブテーマ側にも同名のテンプレートを作ることで選択できるようになります。
#shopify #shopifytheme
-
Liquidコードを書く際に、どのテンプレートで何のオブジェクトやプロパティが使えるかを覚えるのは結構大変です。そんなとき@chi19910109に教えてもらったこのチートシートが便利です。例文と機能解説がとても役立ちます。
#Shopify #Liquid
https://www.shopify.com/partners/shopify-cheat-sheet -
Shopifyでは、メールや通常のWebサイトから特定の商品を購入またはカートに追加できるリンクを作ることができます。
「今すぐ購入」は対象の商品だけを選択してすぐに購入手続き画面に遷移するリンク、「カートに追加」は対象商品を追加したカート画面に遷移するリンクになります。
#shopify
スレッド
[VARIANTID]の確認方法は、公式サイトで紹介されています。
https://help.shopify.com/ja/manual/products/variants/find-variant-id -
Shopify公式サイトで提供されている「プライバシーポリシー無料作成ツール」が便利です。会社情報など基本的な項目を入力したら自動でプライバシーポリシーの雛形文章を作成してくれます。
https://www.shopify.com/jp/tools/policy-generator -
今月入社のフロントエンドエンジニアさん主導で、ストアテーマをGitHub連携で管理に。テンプレートエディタから直接編集した場合もGitHub上でその都度commitされるので全ての編集履歴が確認できるようになりました。もちろん万が一の時は即座に切り戻しできるので安心です。#shopifyテーマ
