コンテンツに進む
  • 私について
  • サービス
  • ブログ
  • お問い合わせ
  • Twitter
長崎のShopify専門制作・運用 | Craftify
  • 私について
  • サービス
  • ブログ
お問い合わせ
アプリ開発に挑戦します
  • アプリ開発
テキストを<br>を使わずに改行させる。視覚的、感覚的にもわかりやすい!!
  • filter
メタフィールドで画像を表示させる、使いこなして構築の幅を広げよう
  • liquid
  • metafield
コレクション並べ替えフィルターの文言変更
特定のページのみコードを適用させる
  • liquid

    ショピクラ

    Shopifyに特化した情報を発信

    Dawnの過去のバージョンをDLする

    Dawnの過去のバージョンをDLする

    2023年07月16日

    Shopifyの無料テーマの「Dawn」の過去のバージョンのダウンロード方法について解説します ※2023/07/16時点ではバージョン10.0.0 過去のバージョンを選択してDLするだけ まずはdawnのgithubに行きます ①mainを選択   ②Tagsを選択   ③ダウンロ...

    新着記事にNEWタグをつける

    新着記事にNEWタグをつける

    2023年07月16日

    新着記事にのみ「NEW」などのタグをつける方法についての解説です! ちなみにショピクラでも実装しています。dateフィルターの解説やDawnでの実装も解説しています!!

    • liquid
    カラースキーマ(color_scheme)の使い方

    カラースキーマ(color_scheme)の使い方

    2023年07月12日

    DawnのVersion10.0.0からカラースキーマ(color_scheme)が使えるようになりました! カラースキーマの設定方法、使い方について解説してます。3つのファイルに記述がないとエラーが起きるので、それについても解説してます。

    • liquid
    • scheme
    画像を表示させる

    画像を表示させる

    2023年07月10日

    Shopifyでの画像の表示方法を解説します。 表示のさせ方は色々ありますが構築にあたって画像の表示は絶対使うのでぜひ覚えてください! 直接URLを当ててるケースも見ますがスキーマやimage_url、file_img_urlを使うのをお勧めします。

    • filter
    • liquid
    セール価格(割引率)を表示する

    セール価格(割引率)を表示する

    2023年07月06日

    アプリなしで商品の割引価格を表示する方法を解説します!コード自体そこまで難しくなく該当箇所に記載するだけで表示できます。 割引率の表示 割引していない商品は非表示 顧客の購買意欲も促進できるかと思うのでぜひ参考にして実装してみてください!! mathフィルターの使い方も学べます!!

    • liquid
    動画埋め込みセクション【旧】

    動画埋め込みセクション【旧】

    2023年06月12日

    Dawnのデフォルトでは動画ファイル(MP4)を埋め込めるセクションがありません。 schemaのcheckboxやrangeの使い方など少し応用を効かせていますが 特に難しいことは何もやってないので誰でも簡単に作れると思います!!

    • JavaScript
    • liquid
    • 1
    • 2
    • 3
    • 4
    • 5

    サイト内検索

    管理人

    Shopifyエンジニアのまちたけです。構築をメインに活動しており、liquidやJavaScriptを使った複雑な実装が大好きです。キャンプやバイクなどアウトドアが好きな2児のパパ。Shopifyの『学習方法』『役立つ情報』『構築での気づき』を発信しています。また、 MENTAでも相談に乗っていますので、お気軽にご利用くださいませ。
    Tweets by machitake__

    タグ

    >blog
    >css
    >filter
    >form
    >GA4
    >GitHub
    >JavaScript
    >liquid
    >metafield
    >policy
    >scheme
    >アプリ開発
    • Twitter
    © 2025,ショピクラ
    • 選択結果を選ぶと、ページが全面的に更新されます。
    • 新しいウィンドウで開きます。