Works
実績詳細
-
URL
-
クライアント名
石鹸ECサイト(架空) -
担当範囲
コーディング -
ページ数
4 -
制作期間（目安）
3週間 -
制作値段（目安）
20,000円 -
制作時期
2025年5月 -
使用スキル
Shopify 、 HTML、CSS、JavaScript -
使用ツール
VScode・figma -
詳細
Shopifyでのデザインカンプからのコーディングをいたしました。
①ヘッダーの動的表示
管理画面から入力した画像、テキスト2つをヘッダーに表示できるように
パララックスセクション
https://gyazo.com/4ac33687ff414419d114b9a30d503fec
管理画面から入力した画像、テキストにてパララックスの表現も可能に
スライダーセクション
https://gyazo.com/26b630e3da35e1341966ca7ec4f5630e
オリジナルのスライダーを作成しました！
画像はオリジナルのものを選べるように
ランキングセクション
商品管理のベストセラーの順に表示されるランキングセクションを作成しました！
商品タイプごとにタブ切り替えも可能に
ブログ記事セクション
指定したラベルが表示されるように
もしラベルを設定していない場合でも表示が崩れないような仕様に
フッターセクション
デフォルトのブロックにオリジナルのブロックを追加
テキストやリンク先は管理画面から変更できるように