Shopify 【Shopify】配送日時指定.ampを導入した際の注意点！
注文完了メールにも配送希望日時が表示されるようにする！
アプリ公式のページでもこの方法は紹介されている。
以下のコードを「通知」内の注文確認メールのテンプレートに設置する。
{% if attributes	...
Shopify
Shopify 
Shopify 【Shopify】バリエーションボタンを「即納」「受注生産」「SOLD OUT」の３種類で色分けして表示&カートボタンの文言も選んだバリエーションによって自由自在に変更する！
以下の要件を実現するのに、けっこう苦労したので、その備忘録と、同じような苦労を誰かがしそうなときの助けになればと思い記述いたします。
要件
商品詳細ページでバリエーションが「在庫がゼロになっても販売を続ける」としたときにカー...
ChatGPT ChatGPTのカスタム設定使ったら神機能だった件
ChatGPTのカスタム設定を使ったら神機能だった。
カスタム設定とは、ひとことで言うと、「前提条件」を毎回言わなくてもいいように記憶させておける機能です。
たとえば、「htmlコードについての情報が知りたい」「Shopify...
Shopify 【Shopify】ストアのテーマ設定にファビコンを設置しているけど、Shopifyデフォルトでは不足がある件について
前回の記事で書いていて、ふと思い出したことを今回記載します。
タイトルの通り、ストアのテーマ設定でファビコンを設置していても、ShopifyのDawnを含め多くのテーマでは不足があります。
それが、前回記事に登場していた、iP...
Shopify 【Shopify】ブラウザの「戻る」ボタンの機能をWebページ上に実装！(動的にジャンプ先を変更)
「戻る」ボタンとは？
「戻る」ボタンとは？
そうです、今あなたが見ているブラウザの画面内にもある、これです！
Chrome（ダークモード）
Safari（ダークモード）
直前に見ていたページに戻る機能のボタン...
Shopify 【改訂版】メールドメイン認証に「DMARCレコードの取得」を求められた【Shopify】
先週、ストアオーナーあてに こちらのShopify公式ページ のページでも確認できる、
2024年2月1日現在、GmailとYahooでは、ブランドのメールアドレスからお客様にメールを送信するために、ドメインを認証し、DMARCレ...
Shopify 【Shopify】SEO最適化アプリのWebrex(ウェブレックス)を調査した！
Webrex: SEO Optimizer & Schemaとは
Shopify アプリ "Webrex: SEO Optimizer & Schema" は、Shopify eコマース ショップにWebサイト構造化...
Shopify 【Shopify】新仕様！チェックアウトページ2023.10.2リリース！
従来のチェックアウトページ
(1)「情報」のページ
配送先住所の入力
(2)「配送」のページ
配送料の確認
(3)「支払い」のページ
クレカなど支払い方法の選択（カード情報入力）...
Shopify 【Shiopify】テーマのカスタマイズ画面でブロックの表示名を入力したテキストにする！
ブロックの表示名を打ち込んだテキストにする方法
自作のセクションを作る際に注意点。
テーマのカスタマイズ画面で、ブロックの表示名は、ちょっとした工夫をしないと以下のようにすべてブロックのnameが表示される。
...
Shopify 【Shopify】同じページ内に同一のセクションを複数配置し、それぞれ別々のCSSを適用したいときの解決方法
失敗のパターン
Shopifyの新機能「カスタマイズ」画面内の、「セクション」>「カスタムCSS」に記述
これはShopifyの管理画面の実際の表示なのだが、「このセクションのみ。にカスタムスタイルを追加する」と...
Shopify 【Shopify】アカウント系ページのテンプレートをJSON形式にカスタム！
Shopify2.0のテーマでは、ページのテンプレートがJSON形式になったことで、ページ内のセクションと呼ばれる構成要素のひとつひとつを並び替えたり、非表示にしたり、はたまた、新たなセクションを作成して配置することも可能だ。
これ...
Shopify 【Shopify】お客様アカウントのページ（マイページ）の住所入力時の都道府県のプルダウン内の並びを整形！
デフォルト（イケてなさすぎる・・・！）
Shopifyのデフォルトの状態はこちら。
これまで国産のECカートシステムを使っていた方は、これを見て、「ああ、Shopifyヤバいわ・・」と思うことでしょう。
ご安心を！これは...
liquid 【Shopify】オブジェクト出力で”〇〇Drop”と表示されたときのプロパティの確認方法
"〇〇Drop"と表示されたが、これは何？
Shopifyのオブジェクト出力で、
"〇〇Drop"と表示されるのを見たことがないだろうか。
例えば、一つ前の記事で紹介したvideoのtypeに登録したschemaをliq...
Googleスプレッドシート 【Shopify &スプレッドシート】有料テーマ使用時➝セクション内のスキーマの翻訳で、運用時も快適な環境を！
Shopifyで有料のテーマを購入すると、「カスタマイズ」の画面で編集できるセクションの画面の日本語バージョンがなく、選択できるのは英語などになってしまいます。
必ずしも英語に精通している人がECサイトの運用者になるわけではないので...
CSS 【Shopify】商品ページのカラーバリアント選択をサムネイルタイプのボタンにし、メインスライダー画像と連動させる！
同じ要件の案件だと、これまではアプリを使用して実装していましたが、この度アプリなしで実装できたので、その備忘録として。
やりたいことはこれ！
これをしたくてもスライダーとバリアント選択同期が対応していない古いテーマの部...
liquid 【Shopify】「テーマのカスタマイズ」のみで日本語Webフォントを追加できるようにカスタマイズ！
shopifyでは、テーマ内で選択できるフォントに日本語フォントがないです。
追加しようとした場合、参考になる記事としては、headタグ内またはcss内にハードコーディングで追記する方法が紹介されていますが、
これをコードに触...
liquid 【Shopify】標準だとイケてないカートページをカスタマイズ！
Shopifyではデザインが洗練されたテーマを使用すれば、カートページのデザインもイケてるものにできるはず、、と思いきや、何もしないと案外UIが悪いものがある。
ここでは、カートページ内を一新した例をもとに要点を紹介します。
...
Shopify 【Shopify】ログイン/ログアウト/新規会員登録/マイページのボタン設置なんかもう悩まない！
ECサイトでよく見かける、ドロワーメニューの横または中に必ずといっていいほど存在する、アカウント操作系のボタン。
なぜかShopifyのテーマによっては、ログインできてもログアウトする導線がなかったり、新規会員登録するボタンがなく、...
Shopfy2.0 【SublimeText】にLiquidファイルのシンタックスハイライトを設定！
Shopifyのサイト制作をしてきて、ずぼらな僕はSublinmeTextでコードを書くときのシンタックスハイライトの設定をしていないまま8か月ほど過ぎようとしていた。
いつも手動で、HTMLかPHPのシンタックスにセットして制作し...
Shopify 【Shopify】開発環境を準備する
初めてShopifyでECサイトを制作する案件が発生した。
Shopifyは、今世界中でECサイト制作をする際に最も多く使用されている、「ノーコード」でドメイン取得から決済システム導入まで、知見がなくてもECサイトが制作できるブラウ...
ShopifyでのECサイト制作を行うならPRYTHMWORKS（プリズムワークス）へ
ShopifyでのECサイト制作を外注しようとお考えの方は、PRYTHMWORKS（プリズムワークス）にご依頼ください。高品質なWebサイト制作で、お客様のビジネス成長を支援する会社です。Shopifyを使ったECサイト制作に力を入れており、売上向上に貢献するECサイト構築を代行いたします。豊富な経験と実績にもとづき、お客様のニーズに最適なECサイトを構築しますので、費用相場や制作事例など、気になることがございましたらお気軽にお問い合わせください。移行のご相談も承っております。
| 事業内容 | EC/Webサイトの構築、管理保守 |
|---|---|
| 代表社員 | 吉川直人 |
| 法人事務所所在地 | 〒150-0001 東京都渋谷区神宮前六丁目２３番４号桑野ビル２階 |
| 設立日 | 2023年(令和５年)７月３日 |
| 沿革 | 2020年(令和２年)１０月 個人事業主PRYTHMWORKS事業開始 2023年(令和５年)７月 合同会社PRYTHMWORKS設立 |
