コーディング済テンプレートなので
「コピペ」するだけで使える。

まりんのNoteコーディング大好きShopify専門フロントエンジニア

  • 01 コーディング100本ノック

    liquidのコーディング

    ECサイトのユースケースに合わせたコーディングをまとめています。こんなに多くの方にご覧いただいて感謝です！今後もよろしくね。

    詳しくはこちら

  • 02 コメント返信しません

    メンバーシップで会おうね

    記事のテンプレートコードの修正依頼や作成してほしいラフ案からセクション作成してます。メンバーシップでのみコメント返信。

    詳しくはこちら

  • 03 コピペで簡単設置

    コーディング不要

    まりんの記事はショップオーナーさん向け。簡単に使えることを目的としているのでコーディング済みのテンプレでコピペで使えるよ。

    設置方法の様子
    閉じる

    03コピペで簡単設置

    5分で使える！

    コピーして貼り付けるだけ。Stepは２〜３程度なので5分程度でストレスなく使える。
    閉じる

「セクション」テンプレート購入ランキング

  • 01バリエーションカラー表示

    閉じる

    01バリエーションカラー表示

    商品一覧

    カラーバリエーションを一目で確認できる、商品一覧に設置できるセクションです。

    詳しくはこちら
    閉じる

  • 02商品ページに設置できる熨斗選択

    閉じる

    02商品ページに設置できる熨斗選択

    メタフィールドと連携

    ギフト用ページに熨斗の選択ができるようなセクション。propertyを使って熨斗の別途料金を請求しない場合に有効的なセクションになってます。熨斗の別途料金が追加される仕様ではないです。

    さらに商品ごとで表示、非表示を切り替えられるようにメタフィールドのTrue／Falseと連携。

    詳しくはこちら
    閉じる

  • 03商品ページにSNSシェアボタン

    閉じる

    03商品ページにSNSシェアボタン

    商品ページ

    対応SNSボタンはTwitter、Facebook、LINE、Pinterestの４つ。

    詳しくはこちら
    閉じる

  • 04商品画像を自動スライド

    閉じる

    04商品画像を自動スライド

    Slick.jsを使うよ

    商品画像が自動でスライドされるのは便利🎵JSのライブラリのSlick.jsを使用してます。挿入方法は下記参照。

    詳しくはこちら
    閉じる

  • 05カートにあと●●円で送料無料表示

    閉じる

    05カートにあと●●円で送料無料表示

    モーダル表示

    カートページで、あと数千円で送料が無料になる場合の訴求モーダル♪小計が設定送料以下だとモーダル表示、送料無料の金額以上だとモーダルは表示されない仕組み。

    詳しくはこちら
    閉じる

  • 06画像が横スライドで表示

    閉じる

    06画像が横スライドで表示

    スタイリッシュに決まる

    オリジナルセクションシリーズ🎵
    斜めの背景とスクロールすると画像が横スライドで表示されてオシャレ

    詳しくはこちら
    閉じる

「データバックアップ」スプレッドシートと紐付けテンプレート

  • 01注文情報取得して請求書作成

    閉じる

    01注文情報取得して請求書作成

    スプシなのでデザイン自由

    注文番号から注文情報取得してスプレッドシートでお届け明細書。請求書や領収書などもアレンジ次第。

    詳しくはこちら
    閉じる

  • 02注文情報から販売データ分析

    閉じる

    02注文情報から販売データ分析

    データ分析

    どの商品との相性が良いのかも販売データから読み取れる。TOPページに持ってくる商品や広告に使える商品を割り出したりするのに便利。

    詳しくはこちら
    閉じる

  • 03ヤマトの送付状CSVに合わせてデータを書き出す

    閉じる

    03ヤマトの送付状CSVに合わせてデータを書き出す

    CSV書き出し

    ヤマトのB2クラウドで外部データから送付状発行を行う際のCSVテンプレートを使って、必要項目をShopify APIを使ってGASで取得

    詳しくはこちら
    閉じる

１ページものランディングページやブログなど

  • 01ブログ記事のテンプレート第4弾

    閉じる

    01ブログ記事のテンプレート第4弾

    ツールバーで色々変えれる

    ブログの記事をおしゃれに見せたい場合に便利。

    詳しくはこちら
    閉じる

  • 02色んな用途で使えるランディングページ

    閉じる

    02色んな用途で使えるランディングページ

    色々使える

    １セクションで複数ブロックが使える。メルマガやLINE登録を促すLPなど活用方法は様々。

    詳しくはこちら
    閉じる

  • 03ブログ「一覧」メタオブジェクトと連携

    閉じる

    03ブログ「一覧」メタオブジェクトと連携

    メタオブジェクトと連携

    ブログ一覧のオリジナルレイアウト。メインビジュアルの部分はブログ一覧のオリジナルレイアウト。メインビジュアルの部分はメタオブジェクトと連携して使えるようにしてみました。

    詳しくはこちら
    閉じる

コメント返信

修正・調査依頼などコメント関連は
メンバーシップからのみ受け付けています。

コメント返信はこちら

※時間は有限。各記事からのコメントは受け付けてません。