カスタマイズ

Shopify

【Shopify】配送日時指定.ampを導入した際の注意点!

注文完了メールにも配送希望日時が表示されるようにする! アプリ公式のページでもこの方法は紹介されている。 以下のコードを「通知」内の注文確認メールのテンプレートに設置する。 {% if attributes&#9...
Shopify

【Shopify】バリエーションボタンを「即納」「受注生産」「SOLD OUT」の3種類で色分けして表示&カートボタンの文言も選んだバリエーションによって自由自在に変更する!

以下の要件を実現するのに、けっこう苦労したので、その備忘録と、同じような苦労を誰かがしそうなときの助けになればと思い記述いたします。 要件 商品詳細ページでバリエーションが「在庫がゼロになっても販売を続ける」としたときにカー...
Shopify

【Shopify】ストアのテーマ設定にファビコンを設置しているけど、Shopifyデフォルトでは不足がある件について

前回の記事で書いていて、ふと思い出したことを今回記載します。 タイトルの通り、ストアのテーマ設定でファビコンを設置していても、ShopifyのDawnを含め多くのテーマでは不足があります。 それが、前回記事に登場していた、iP...
Shopify

【Shopify】ブラウザの「戻る」ボタンの機能をWebページ上に実装!(動的にジャンプ先を変更)

「戻る」ボタンとは? 「戻る」ボタンとは? そうです、今あなたが見ているブラウザの画面内にもある、これです! Chrome(ダークモード) Safari(ダークモード) 直前に見ていたページに戻る機能のボタン...
Shopify

【Shiopify】テーマのカスタマイズ画面でブロックの表示名を入力したテキストにする!

ブロックの表示名を打ち込んだテキストにする方法 自作のセクションを作る際に注意点。 テーマのカスタマイズ画面で、ブロックの表示名は、ちょっとした工夫をしないと以下のようにすべてブロックのnameが表示される。 ...
Shopify

【Shopify】カートページ内商品の同時注文不可設定制御・数量上限制御【アプリ不要!】

「特定の商品群は、カート内の合計金額が〇〇円以上で送料無料」という特典は、多くのECサイトで使われている。 ただし、イレギュラーに「ただしまた別の特定の商品群がカート内にあるときは〇〇円以上で送料無料にしないようにしたい」という要件...
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...
Shopify

2024.1.10最新情報追記!)【Shopify】テーマの「カスタマイズ」に動画ファイル用のschema typeが追加されていた件!

Shopifyのストアを運用していた方なら、一度は話題に上がったことがあると思うのだが、 ページ内に動画コンテンツを表示させたいとき、これまではShopifyのテーマの仕様では、 "YouTube動画"か"Vimeo"の動画リ...
Googleスプレッドシート

【Shopify &スプレッドシート】有料テーマ使用時➝セクション内のスキーマの翻訳で、運用時も快適な環境を!

Shopifyで有料のテーマを購入すると、「カスタマイズ」の画面で編集できるセクションの画面の日本語バージョンがなく、選択できるのは英語などになってしまいます。 必ずしも英語に精通している人がECサイトの運用者になるわけではないので...
CSS

【爆速コーディング】Visual Studio CodeのEmmetでサジェストされるコードをカスタマイズする!

Visual Studio CodeとEmmet Visual Studio Code、通称VScodeは、拡張機能を追加することで、自分が使いやすいようにしていけるコードエディタアプリだ。MicroSoft製。 そし...
CSS

【Shopify】商品ページのカラーバリアント選択をサムネイルタイプのボタンにし、メインスライダー画像と連動させる!

同じ要件の案件だと、これまではアプリを使用して実装していましたが、この度アプリなしで実装できたので、その備忘録として。 やりたいことはこれ! これをしたくてもスライダーとバリアント選択同期が対応していない古いテーマの部...
liquid

【Shopify】標準だとイケてないカートページをカスタマイズ!

Shopifyではデザインが洗練されたテーマを使用すれば、カートページのデザインもイケてるものにできるはず、、と思いきや、何もしないと案外UIが悪いものがある。 ここでは、カートページ内を一新した例をもとに要点を紹介します。 ...
liquid

【Shopify】テーマカスタマイズ画面の翻訳作業をする!&補足でデータ移行に重宝するツール紹介!

Shopifyのテーマは、"カスタマイズ"の画面でノーコードでサイトの見た目を編集できるが、有料テーマは日本語訳がされていないので、英語の苦手な方だと翻訳されていない場合、ストレスになるだろう。 翻訳されていない有料テーマカスタマイ...
EC-CUBE3

【EC-CUBE3】プラグインを使わずにTOPページや商品一覧ページで割引率を表示させる

割引率を表示させるプラグインはEC-CUBE3にあるにはあるが、なぜか商品一覧ページと商品詳細ページでしか適用されないため、肝心のTOPページには割引率が表示されないという悲しい仕様になっている。 そこで、TOPページでも表...
EC-CUBE3

【EC-CUBE3】TOPページに動的なブロックを作成する(新着商品、ピックアップアイテム、再入荷商品など)

EC-CUBE3で動的な新規ブロックを作成する方法について。 Symfonyの仕様を理解していない僕は、手探りで何度もエラーを起こしながら、ようやくわかったので、備忘録としてもここに記載することにします。 まず、動的なブロック...
EC-CUBE3

【EC-CUBE3】新規作成したページのURLに入る「user_data」を消す方法

以下の記事で解決できる。 ちなみに、私は、EC-CUBE3系、4系、Wordpressなど、特定のCMSにおける、こうしたお決まりの改善点があるたびに、ひとつのモデルケースとなるパッケージを、次回同じような案件で複製して使い...
Google Map

ある日突然、Google Map APIが使えなくなった件

突然このサイトのGoogle Mapが表されなくなっていた。 原因を調べると、以下の記事を発見した。 どうやら、昨年の6月に 2019年6月に、Google Maps APIがGoogle Maps Platfo...
タイトルとURLをコピーしました