CSS 【Shopify】商品ページのカラーバリアント選択をサムネイルタイプのボタンにし、メインスライダー画像と連動させる! 同じ要件の案件だと、これまではアプリを使用して実装していましたが、この度アプリなしで実装できたので、その備忘録として。 やりたいことはこれ! これをしたくてもスライダーとバリアント選択同期が対応していない古いテーマの部... 2022.12.20 CSSJavaScriptjQueryliquidShopify
liquid 【Shopify】「テーマのカスタマイズ」のみで日本語Webフォントを追加できるようにカスタマイズ! shopifyでは、テーマ内で選択できるフォントに日本語フォントがないです。 追加しようとした場合、参考になる記事としては、headタグ内またはcss内にハードコーディングで追記する方法が紹介されていますが、 これをコードに触... 2022.12.05 liquidShopfy2.0ShopifyWebフォント
liquid 【Shopify】標準だとイケてないカートページをカスタマイズ! Shopifyではデザインが洗練されたテーマを使用すれば、カートページのデザインもイケてるものにできるはず、、と思いきや、何もしないと案外UIが悪いものがある。 ここでは、カートページ内を一新した例をもとに要点を紹介します。 ... 2022.11.29 liquidShopify
Shopify 【Shopify】ログイン/ログアウト/新規会員登録/マイページのボタン設置なんかもう悩まない! ECサイトでよく見かける、ドロワーメニューの横または中に必ずといっていいほど存在する、アカウント操作系のボタン。 なぜかShopifyのテーマによっては、ログインできてもログアウトする導線がなかったり、新規会員登録するボタンがなく、... 2021.08.17 Shopify
Shopfy2.0 【SublimeText】にLiquidファイルのシンタックスハイライトを設定! Shopifyのサイト制作をしてきて、ずぼらな僕はSublinmeTextでコードを書くときのシンタックスハイライトの設定をしていないまま8か月ほど過ぎようとしていた。 いつも手動で、HTMLかPHPのシンタックスにセットして制作し... 2021.07.26 Shopfy2.0ShopifySublime Text
Shopify 【Shopify】開発環境を準備する 初めてShopifyでECサイトを制作する案件が発生した。 Shopifyは、今世界中でECサイト制作をする際に最も多く使用されている、「ノーコード」でドメイン取得から決済システム導入まで、知見がなくてもECサイトが制作できるブラウ... 2020.09.03 Shopify