メタフェイズではShopifyを利用したストア構築を行っています。 今回はセクションに可変長カスタム入力欄を設置する方法を紹介いたします。 1.対象セクションのschemaを設定する。{% schema %} { "name": "商品詳細", "tag": "div", "class": "product", "settings": [], //---------ここから--------- "blocks": [ {
メタフェイズではShopifyを利用したストア構築を行っています。 今回はコレクション内商品のタイトルだけ表示する方法を紹介いたします。 表示したい場所へ下記コードを追記します。 {%- paginate collections.コレクションハンドル.products by 1000 -%} {%- assign titles = collections.コレクションハンドル.products | map: "title" -%}{%- endpaginate -%}{
メタフェイズではShopifyを利用したストア構築を行っています。 今回はコレクション内商品をタグでフィルタする方法を紹介いたします。 1. パターン1URLが「/collections/new/」のコレクションがある時、下記のURLでは「タグ」が付与された商品のみが一覧に表示されます。 /collections/new/タグ 2. パターン2下記のURLでは「タグ1」「タグ2」両方付与された商品のみが一覧に表示されます。 /collections/new/タグ1+タ
メタフェイズではShopifyを利用したストア構築を行っています。 今回はテーマに画像設定項目を設置する方法を紹介いたします。 1. config/settings_schema.jsonへ下記を追記する。[ { "name": "xxx", "theme_name": "xxx", "theme_version": "xxx", "theme_author": "xxx", "theme_documentation_url": "https
メタフェイズではShopifyを利用したストア構築を行っています。 今回はセクションにカスタム入力欄を設置する方法を紹介いたします。 1.templates/product.jsonで設定しているセクションの{% schema %}のsettingsを下記のようにします。"settings": [ { "type": "text", "id": "custom-text", "label": "カスタムテキスト", "info": "任意の文字を入
メタフェイズではShopifyを利用したストア構築を行っています。 今回はコレクション一覧を表示する方法を紹介いたします。 1.snippets/collections.liquidを下記の内容で作成します。<h2>コレクション一覧</h2><ul>{% for collection in collections %}<li><a href="{{ collection.url }}">{{ collection.title | escape }}({{collection
メタフェイズではShopifyを利用したストア構築を行っています。 今回はブログ記事一覧を表示する方法を紹介いたします。 1 snippets/pagination.liquidを下記の内容で作成します。{% if 1 < paginate.pages %} <ul> {%- if paginate.previous.is_link -%} <li><a href="{{ paginate.previous.url | replace:
メタフェイズではShopifyを利用したストア構築を行っています。 今回は最近見た商品を表示する方法を紹介いたします。 1 下記からzipファイルをダウンロードします。https://github.com/carolineschnapp/recently-viewed https://github.com/BorisMoore/jquery-tmpl 2 下記２ファイルをassetsフォルダに配置します。jquery.products.min.js jquery.tmp
メタフェイズではShopifyを利用したストア構築を行っています。 今回はセレクトボックスのメタフィールドを追加する方法を紹介いたします。 1.設定 > メタフィールドから対象を選択します。2.選択肢を登録する「単一行のテキスト」を選択し「プリセットの選択肢に制限する」をチェックします。 その後、「アイテムを追加」をクリックして選択肢を登録します。 Shopifyを利用したストアの構築・運用のご相談は株式会社メタフェイズまで！
メタフェイズではShopifyを利用したストア構築を行っています。 今回は商品詳細ページでおすすめ商品を表示する方法を紹介いたします。 1.Search & Discoveryをインストールするオンラインストア > メニュー からShopfiy Search & Discoveryの「追加」をクリックすればインストール出来ます。 2.おすすめ商品を登録するSearch & Discoveryの設定画面から対象の商品を選び、おすすめ商品を登録します。 3.テンプレートを編
メタフェイズではShopifyを利用したストア構築を行っています。 今回はポリシーページを作成する方法を紹介いたします。 1.ポリシーページの表示内容を登録する管理画面 > 設定 > ポリシーからポリシーページの表示内容を登録して保存します。 2.ポリシーページを確認する。各ポリシーは下記URLで確認出来ます。 ・返金ポリシー https://ドメイン/policies/refund-policy ・プライバシーポリシー https://ドメイン/policies/p
メタフェイズではShopifyを利用したストア構築を行っています。 今回はformタグで全バリエーションを一度にカートへ入れる方法を紹介いたします。 1.商品ページへ下記Liquidコードを追記する。<form method="post" action="{{ routes.cart_add_url }}"> {%- for variant in product.variants -%} <input type="hidden" name="items[{{forloo
メタフェイズではShopifyを利用したストア構築を行っています。 今回はカート内商品数を表示する方法を紹介いたします。 1.Liquidコードを編集するカート内商品数を表示したい場所に下記コードを追記します。 {{cart.item_count}} Shopifyを利用したストアの構築・運用のご相談は株式会社メタフェイズまで！
メタフェイズではShopifyを利用したストア構築を行っています。 今回はメニューを表示する方法を紹介いたします。 1.メニューを作成する管理画面 > オンラインストア > メニューから表示したいメニューを作成してください。 2.Liquidコードを編集するメニューを表示したい場所に下記コードを追記します。 {%- for link in linklists.footer.links -%}<a href="{{ link.url }}">{{ link.title |
メタフェイズではShopifyを利用したストア構築を行っています。 今回はassets内のCSSのbackground-imageの扱いを紹介いたします。 assets内のcssのbackground-imageなどでassets内の画像を読み込んでいる場合、該当箇所をLiquidへ書き換える必要があります。 assets/styles.cssというファイルがある場合assets/styles_.css.liquidへコピーします。※ファイル名は任意 次に backg
メタフェイズではShopifyを利用したストア構築を行っています。 今回はクーポンコードを発行する方法を紹介いたします。 管理画面「ディスカウント」「ディスカウントを作成する」「クーポンコード」をクリックします。 割引額、有効期限、使える人などを指定可能。 クーポンコードの文字列は任意。 「お客様の資格」「特定のお客様」で顧客を指定。検索はタグも使用出来ます。 「保存」クリックで発行完了です。 クーポンコードはチェックアウトでクーポンコードを入力することで適用され
