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

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

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

¥1,200 / 月初月無料

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

[Shopify]オリジナルセクション１

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。おしゃれなセクションテンプレート♪ ✔️レイアウトの特徴パソコンスマホ 🔶CMSの特徴 ✔️設置手順Step1 　新規セクション追加管理画面＞テーマ＞コード編集＞セクション＞新規作成

¥1,200

[Shopify]お問合せのフォームに画像挿入してレイアウトアレンジ（Dawn）92/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。今日はお問合せフォームのレイアウトをカスタマイズ。PCの場合は２からむにして右側に画像、SPはフォームの下に表示されるレイアウトを作成してみました＾＾ ✔️今日のゴール🔶CMSの特徴 🔶見出し＆説明文見出しと説明文は管理画面のページのコンテンツが反映されます。 ✔️設置手順Step1　既存のコンタクトテンプレートを開く管理画面＞テーマ＞コード編集＞テンプレート内＞page.co

¥800

[Shopify]ブログ記事にログインユーザーのみ読めるエリアを作ってみる（Dawn）91/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。今日はブログ記事にログインユーザーのみが読めるエリアとログインしていないユーザーが読めるエリアを分けてみようと思います＾＾誰でも読めるエリアは抜粋を表示して、記事の本文を非表示にしてます。ログインしている状態の場合は、抜粋記事はそのままで、その下に非表示にしていた記事の本文が表示されるようにしてみました＾＾ ✔️今日のゴールログインしてない時は下記を表示。ログインしててもしなくても

¥1,000

[Shopify]ブログ一覧のレイアウトを画像のみにしてホバーするとタイトルと日付が表示されるようにしてみた（Dawn）90/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。今回はブログ一覧のレウアウトをこんなふうにしてみようと思います！画像のみの表示にして、ホバーするとタイトルが表示されるようにしてみました＾＾ ✔️今回のゴール＝＝＝ブログ一覧を画像のみにして＝＝＝＝＝＝ホバーするとタイトルと日付表示される＝＝＝ 🔸CMSの特徴 ✔️設置手順Step1 　Sectionファイル作成新規でもいいですし、既存のブログ一覧のファイルを使用

¥1,000

[Shopify]PCのみブログ記事の右側に目次カラムを表示してスクロールすると固定されるようにする（Dawn）89/100

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。今日はブログ記事の右側に目次を表示するようにして、スクロールすると一緒に流れずに固定される目次を作ってみた。スマホは本文上に表示してスクロールすると固定されず一緒に流れる。 ✔️今回のゴールスマホは本文上に表示してスクロールすると一緒に流れます。 🔸CMSでは見出しの文言と背景カラーを変更できます。 ✔️設定手順Step1 　既存のアーティクルセクションにコード追記１）管理画面＞

¥800

【GAS】AppSheetでブログ記事を下書きしてそのままShopifyのブログ記事を新規作成＆更新＃19 (Shopify API + GoogleAppsScript)

こんにちは。Shopify専門エンジニアのまりん(@crowd37cord)です。 Shopifyのブログ記事を書くとき、スマホでメモしてそのまま記事アップできたらいいなと思って、アップシートで下書き作って、GAS経由でShopify管理画面にそのまま反映できるようにしてみました＾＾あくまで、テキストのみの下書きを本文に反映するのでレイアウトの体裁整えたり、画像挿入はShopify管理画面上から行って、公開作業はShopify上から行う想定で作っています。なので、A