見出しパーツ

テキストの色、フォント種類、フォントサイズは「テーマのカスタマイズ」や「ツールバー」から選択ください。
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ

コンテンツエリアの見出し カスタム見出し

【見出しのカスタマイズ】のclass名に「hd_custom01」を記述します。

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
【見出しのカスタマイズ】のclass名に「hd_custom02」を記述します。

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
コンテンツエリアの見出し デフォルト
(テーマのカスタマイズページより自由に変更できます)
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ

h1見出し

h2見出し

h3見出し

h4見出し

h5見出し

ボタンパーツ集

【ボタンをカスタマイズ】にclass名「btn_custom01」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom02」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom03」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom04」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom05」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
【ボタンをカスタマイズ】にclass名「btn_custom_tel」を記述します。
納品時にサイトに合わせて作成したボタンです(変更不可)。
デフォルトのボタン(テーマのカスタマイズページよりサイズや色など、自由に変更できます)
設定 > 外観設定 > テーマ設定 > テーマのカスタマイズ

画像+テキストパーツ

画像に影をつける 「shift_img_row」を追加

見出し(h3)

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプル

その他パーツ集

記事リストパーツ デフォルト(スタイル無し)

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11更新: 2020-08-31 16:16

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

記事リストパーツ デフォルト(リスト型)

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11更新: 2020-08-31 16:16

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

記事リストパーツ デフォルト(カード1列)

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11更新: 2020-08-31 16:16

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

記事リストパーツ デフォルト(カード2列)

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11更新: 2020-08-31 16:16

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

Shopifyギフト機能を活用してユーザーロイヤリティを高める

2020-08-21 15:53更新: 2020-08-21 15:53

ユーザーのロイヤリティを高める施策の一つとして、Shopifyで実施できるギフトカードの設定方法を解説していきます。

記事リストパーツ デフォルト(カード3列)

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11更新: 2020-08-31 16:16

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

Shopifyギフト機能を活用してユーザーロイヤリティを高める

2020-08-21 15:53更新: 2020-08-21 15:53

ユーザーのロイヤリティを高める施策の一つとして、Shopifyで実施できるギフトカードの設定方法を解説していきます。

【開発者向け】Shopify(ショッピファイ)更新情報

2020-08-20 14:48更新: 2020-08-20 14:49

Shopify Developer(開発者)の皆さまが日々チェックする「Developer changelog」ですが、英語版しかない!ということで、今後毎月の更新内容をまとめていきたいと思います。

記事リストパーツ カスタム(スタイル無し)「caseContent_style」を追加

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

記事リストパーツ カスタム(リスト型)「caseContent_style」を追加

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

記事リストパーツ カスタム(カード型1列)「caseContent_style」を追加

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

記事リストパーツ カスタム(カード型2列)「caseContent_style」を追加

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

Shopifyギフト機能を活用してユーザーロイヤリティを高める

2020-08-21 15:53

ユーザーのロイヤリティを高める施策の一つとして、Shopifyで実施できるギフトカードの設定方法を解説していきます。

記事リストパーツ カスタム(カード型3列)「caseContent_style」を追加

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

Shopifyギフト機能を活用してユーザーロイヤリティを高める

2020-08-21 15:53

ユーザーのロイヤリティを高める施策の一つとして、Shopifyで実施できるギフトカードの設定方法を解説していきます。

【開発者向け】Shopify(ショッピファイ)更新情報

2020-08-20 14:48

Shopify Developer(開発者)の皆さまが日々チェックする「Developer changelog」ですが、英語版しかない!ということで、今後毎月の更新内容をまとめていきたいと思います。

オプション カスタム(カード型1,2,3列) imgの余白なし 「caseContent_style option_padding_none」を追加

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

Shopifyギフト機能を活用してユーザーロイヤリティを高める

2020-08-21 15:53

ユーザーのロイヤリティを高める施策の一つとして、Shopifyで実施できるギフトカードの設定方法を解説していきます。

【開発者向け】Shopify(ショッピファイ)更新情報

2020-08-20 14:48

Shopify Developer(開発者)の皆さまが日々チェックする「Developer changelog」ですが、英語版しかない!ということで、今後毎月の更新内容をまとめていきたいと思います。

オプション カスタム(カード型1,2,3列)シャドウなし 「caseContent_style option_shadow_none」を追加

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

Shopifyギフト機能を活用してユーザーロイヤリティを高める

2020-08-21 15:53

ユーザーのロイヤリティを高める施策の一つとして、Shopifyで実施できるギフトカードの設定方法を解説していきます。

【開発者向け】Shopify(ショッピファイ)更新情報

2020-08-20 14:48

Shopify Developer(開発者)の皆さまが日々チェックする「Developer changelog」ですが、英語版しかない!ということで、今後毎月の更新内容をまとめていきたいと思います。

オプション カスタム(カード型2,3列)シャドウなし 縦区切り線あり 「caseContent_style option_break」を追加

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

Shopifyギフト機能を活用してユーザーロイヤリティを高める

2020-08-21 15:53

ユーザーのロイヤリティを高める施策の一つとして、Shopifyで実施できるギフトカードの設定方法を解説していきます。

オプション カスタム(カード型1,2,3列)シャドウなし ボーダーあり 「caseContent_style option_border」を追加

【Shopify使い方講座】BuyButton(購入ボタン)を利用して、LINEで直接商品を販売しよう。

2020-08-31 16:11

Shopifyの無料アプリである「Buy Button」はShopify上で公開している商品をShopifyだけではなくWeb上に公開し、どこからでも購入ができるようになる機能です。

Shopifyギフト機能を活用してユーザーロイヤリティを高める

2020-08-21 15:53

ユーザーのロイヤリティを高める施策の一つとして、Shopifyで実施できるギフトカードの設定方法を解説していきます。

【開発者向け】Shopify(ショッピファイ)更新情報

2020-08-20 14:48

Shopify Developer(開発者)の皆さまが日々チェックする「Developer changelog」ですが、英語版しかない!ということで、今後毎月の更新内容をまとめていきたいと思います。

メインビジュアルをスライダー設定したい

メインビジュアルをスライダーにし、複数のリンクをせっっていしたい場合。
メインビジュアルにカルーセルパーツを設定し、class名に「top-slider」を記述。

CTA

CTAをカスタマイズのclass名に「cta_sec」を記述。
ボタン1つver。

お問い合わせ

お気軽にお問い合わせください。
CTAをカスタマイズのclass名に「cta_sec」を記述。
ボタン2つver。
お気軽に
お問い合わせください

EC-X

画像の上下センター合わせ

アイコンなどを設定する際に、画像とテキストがずれることがあるため、画像の上下センター合わせをする場合、該当カラムに「ver_middle」を追加

SP 編集

PC上左右反転しているコンテンツをレスポンシブ時にSPだけ左右を戻す場合、該当セクションに「reverse」を追加

▼ PC 設定イメージ
▼ SP 反映イメージ
導入企業ロゴの見せ方をPC とSPで変更 「logo_row」を設定

見出し見出し見出し

PCではボタンの位置が右寄せ / 左寄せ の時にSPでは中央寄せにする 「sp_btn_center」を設定
PCの画像パーツでアイコン表現し、SPでもアイコン表現する場合「icon_img」を設定