マガジンのカバー画像

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

人気のShopifyコーディング100本ノックシリーズの続編。現在の100本ノックマガジンで100本記事投稿した後はこちらで更新していきます。「Shopifyコーディング100本…
【月２回程度更新】1記事ずつよりも定期購読の方がお得。「Shopifyコーディング100本ノック（…
¥1,200 / 月 初月無料
運営しているクリエイター
まりん | Shopifyフロントエンジニア+SNSマーケティング

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

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今回のテンプレートはキャンペーン用というよりかは、AboutUsのページになります。 ✔️今回のテンプレートデモページ（stahsk40jw1Mf） ◆CMSの特徴 ブロックは５種類 ◆共通設定 強調したい文字を[<span class="color_highlight">xxx</span>]で囲む。HTMLで入力できるところで使用できます。 ◆ファーストビュー ◆ステートメ

¥5,800
まりん | Shopi…

[Shopify]各商品ページにその商品についてのお問合せフォームをモーダルで表示（Dawn）56/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 チャットbotのアプリとか入れてないので、商品について問合せを気軽にしてもらえるように各商品ページからフォームでその商品について問合せられるようにしてみました♪ フォームのこの商品についてのところに自動的に今開いている商品ページの商品名が表示され（固定）、ショップオーナーの受信メールにはお問合せ商品名が自動的に反映されています。 購入に至らなくてもその後のアプローチに役立てられるかなぁと

¥800
まりん | Shopi…

[Shopify]カートで既にカート追加商品は商品一覧から非表示にできるクロスセルを作ってみる（Dawn）55/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 カートページにカートに表示したいコレクション一覧を作ってクロスセルっぽくしていましたが、さらに、追加されている商品IDと照合して、クロスセル側は既にカートに入っている商品は表示しないで他の商品のみ表示するようにしてみました。 ✔️今回のゴールデモページ（PW:stahsk40jw1Mf） https://malins-100.myshopify.com/ ✔️CMSの特徴※CMS作業中は

¥800
まりん | Shopi…

[Shopify]メタフィールド使って商品一覧にタイムセールのタイマーを設置（Dawn）54/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 コレクションのメタフィールドを使って、タイムセールのタイマーを設置できるセクションを作ってみました♪ 今回は各コレクション毎に設定するバージョンなので、複数コレクションがあれば全ページに個別に期間を設定していく必要があります。 全ページ固定バージョンはまた次回作ってみようかな。 ✔️今回のゴール ✔️CMSの特徴 ✔️設置手順Step1 メタフィールドの設定 設定＞メタフィールド

¥800
まりん | Shopi…