Shopifyコーディング100本ノック（Dawn）続編

人気のShopifyコーディング100本ノックシリーズの続編。現在の100本ノックマガジンで100本記事投稿した後はこちらで更新していきます。「Shopifyコーディング100本…

【月２回程度更新】1記事ずつよりも定期購読の方がお得。「Shopifyコーディング100本ノック（…

¥1,200 / 月初月無料

運営しているクリエイター: まりん | Shopifyフロントエンジニア+SNSマーケティング

[Shopify]商品ページの画像のサムネイルを縦並びにしてみる・PCのみ（Dawn）100/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。今回は商品ページの画像のサムネをメイン画像の左横に縦並びで表示できるようにしてみました。PCのみ縦で表示され、SPはデフォルトのままです。 ✔️今回のゴール🔸CMSの特徴今回は既存のファイルをそのまま使用して、メディアの選択のところをサムネ関連を削除して「縦並び」という選択肢に変更しました。 ✔️設置方法Step1 　新規セクション作成 1️⃣管理画面＞テーマ＞コードを編集＞セクシ

¥1,000

[Shopify]ランディングページ◆テンプレート8

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 LINE登録へ促す用のシンプルなLPです。ブロックは３つだけなので上手く組み合わせればユーザーフレンドリーな導線になるのではないかなと思います＾＾ ✔️今回のテンプレート＝＝＝＝パソコン＝＝＝＝＝＝＝＝スマホ＝＝＝＝ ◆CMSの特徴ブロックは４種類 💡共通設定 💡ファーストビュー 💡コンテンツ１ 💡コンテンツ２ 💡CTAボタン対象ページのテンプレートを「li

¥1,980

[Shopify]オリジナルセクション5 #A-3

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。オリジナルセクションシリーズ🎵 斜めの背景とスクロールすると画像が横スライドで表示されてオシャレ😎 ✔️レイアウトの特徴＝＝＝＝＝＝＝＝＝パソコン＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ SP ＝＝＝＝＝＝＝＝＝ 🔶CMSの特徴＝＝＝＝＝＝＝＝＝各ブロックごと＝＝＝＝＝＝＝＝＝

¥1,200

[Shopify]アプリを使わず商品メタフィールドで期間限定商品の商品ページに発売開始＆終了日時を指定して発売期間中のみに購入ボタンを表示し、それ以外は非表示にしてみる（Dawn）99/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。アプリを使わずに商品のメタフィールドの日時を使って、期間限定商品の商品ページで販売期間中だけ購入ボタンを表示させて、発売前と発売後には購入ボタンは非表示にして、テキストのみを表示させるようにしてみました。例えば、2023年8月10日〜8月29日までの間だけ対象商品を購入できるようにしておきたい場合に自動的に発売開始日から終了までの期間に購入ボタンが表示されて、開始前と終了後にはそれぞれボ