Logicky Blog

Logickyの開発ブログです

Shopify

Shopify - ページ編集にMarkdownを使う

ページ編集にMarkdownを使えるようにするアプリがあるだろうと思ったら、どうもないようでした。 方法概要 Stripeダッシュボードのページ編集画面のウィジウィグモードで、Markdown形式でコンテンツを書いて保存する。 Markdownを使いたいページで、markedを…

Shopify - 特定の商品を購入している場合にのみ閲覧可能なページを作成する

特定の商品を購入している場合にのみ、閲覧可能なページを作成したい場合は下記のようにやるととりあえず出来ました。 前提 対象となる特定商品の商品のハンドルに、「hoge」という文字列が存在する。 対象外の商品のハンドルには、「hoge」という文字列は存…

Shopify - Themeのcss

layout/theme.liquidに大元がいる。ここでcssも読み込んでる。 ここで、ページのタイプとかを確認して、特定のページのみ、cssを追加したりできそう。 {{ 'timber.scss.css' | asset_url | stylesheet_tag }} {{ 'theme.scss.css' | asset_url | stylesheet…

Shopify - Pageに商品情報を表示させる

Liquidのオブジェクトのハンドラ 商品やページ等はLiquid的にはオブジェクトで、これらにはハンドラというのがある。 ハンドラを指定することで、商品を特定できるので、ページに埋め込む際に使える。 でもウィジウィグエディタではliquid構文使えないっぽい…

ShopifyのThemeKit

ShopifyのThemeを編集する際に、ローカルで開発しやすくするためのツールがThemeKitです。 環境 Windows10 WSL インストール ここに書いてあるLinux Installationのとおりにやったらできました。設定とテーマ取得方法も書いてあるとおりにやったらできました…