マガジンのカバー画像

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

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

【GAS】Shopifyお問合せフォームからの受信メールをLINEへも転送してみる＃18 (LINE Notify + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Shopifyでデジタル商品を販売していますが、基本的にメールを開かないので問い合わせがあっても気が付かず放置していることが多い。なので、LINEへ通知できるようにしてみました！ 今後は問い合わせがあったら返信していこうかなと思います。 今回はShopify APIは使わなくて、LINE NotifyとGASで簡単に作成できます🎵 ✔︎今回のゴール1️⃣ユーザーがShopifyサイト上

¥1,200
まりん | Shopi…

【GAS】注文番号から注文情報取得してスプレッドシートで明細書を作ってみる＃17 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 注文番号から注文情報取得してスプレッドシートでお届け明細書を作ってみます♪ Shopifyには便利な無料アプリがあるのですが、スプレッドシートなら好みのデザインにすることもできるので便利＾＾ ✔︎今回のゴール 商品の明細書ができます！ ✔︎作成手順◆事前準備 下記のStep3までは作成しておく必要あり。 ◆スプレッドシートの準備 １）Orderシートとボタンシートを作成しておく。

¥1,200
まりん | Shopi…

[Shopify]prism.js使ってブログ記事にコード埋め込み（Dawn）88/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 EC運営する上では全然関係ない機能ですが、個人的にブログ記事にコードエディタ埋め込んでコード書けるのか試してみたくて、prismのライブラリ使えるのか試してみました♪ ✔️今日のゴールコードの紹介記事で使用しました♪ ✔️設定手順Step1 　Theme.liquidファイルにCDNを埋め込む １）管理画面＞テーマ＞コード編集＞theme.liquidを開く ２）</header>の

¥800
まりん | Shopi…

[Shopify]Swiper.jsでおしゃれなスライドセクションを作ってみるPart2（Dawn）87/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Swiper第２弾。CDN でおしゃれなスライドセクションを作ってみます。スライドごとに背景カラーも変更できます＾＾ ✔️今回のゴールデモページ：https://malins-100.myshopify.com/ （stahsk40jw1Mf） ◆CMSの特徴 ＝＝＝＝ 共通設定 ＝＝＝＝ ＝＝＝＝ 共通設定 ＝＝＝＝ ✔︎設定手順◆事前準備 　Swiper.jsのCDN を挿入

¥1,200
まりん | Shopi…

[Shopify]Swiper.jsでおしゃれなスライドセクションを作ってみるPart1（Dawn）86/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日はSwiperのCDN でおしゃれなスライドセクションを作ってみます。PCは左側がテキストエリアでふんわりしたから文字が表示されて、右側に画像がフェイドでスライド表示されます。SPは画像上でテキストエリアが下に来るようにしてみました＾＾ ✔︎今日のゴール ◆CMS特徴 ✔︎設定手順◆事前準備 　Swiper.jsのCDN を挿入 管理画面＞テーマ＞コード編集＞レイアウト＞them

¥1,200
まりん | Shopi…

[Shopify]よくある質問（FAQ）のセクション♪TOPや商品ページに簡単設置（Dawn）85/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 今日はちょっとしたFAQのセクションを作ってみます。商品ページにおいたりTOPにおいたり使い方は様々。 ✔︎今日のゴール＝＝＝＝ パソコン ＝＝＝＝ ＝＝＝＝ スマホ ＝＝＝＝ スマホの場合は、PCの左側が二手に分かれます。タイトルだけ上で、画像以下はアコーディオンの下に来るようになっています。 ◆CMSの特徴 ✔︎設置手順Step1 　新規セクション作成 管理画面＞テーマ＞コー

¥1,200
まりん | Shopi…