見出しパーツ

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

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

【見出しのカスタマイズ】の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)

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

その他パーツ集

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

「スピードロジ」サービス運用について① ~外部委託でフルフィルメントを効率化~

フルフィルメント

2021-10-21 16:02更新: 2021-10-21 16:46

スピードロジサービスの運用ポイント。日々の運営ではShopify管理画面での登録・確認だけ。

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

「スピードロジ」サービス運用について① ~外部委託でフルフィルメントを効率化~

フルフィルメント

2021-10-21 16:02更新: 2021-10-21 16:46

スピードロジサービスの運用ポイント。日々の運営ではShopify管理画面での登録・確認だけ。

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

「スピードロジ」サービス運用について① ~外部委託でフルフィルメントを効率化~

フルフィルメント

2021-10-21 16:02更新: 2021-10-21 16:46

スピードロジサービスの運用ポイント。日々の運営ではShopify管理画面での登録・確認だけ。

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

「スピードロジ」サービス運用について① ~外部委託でフルフィルメントを効率化~

フルフィルメント

2021-10-21 16:02更新: 2021-10-21 16:46

スピードロジサービスの運用ポイント。日々の運営ではShopify管理画面での登録・確認だけ。

化粧品を保管するだけでも「化粧品製造業許可」が必要って、知ってました?

フルフィルメント

2021-10-20 15:48更新: 2021-10-20 15:48

化粧品製造業許可と化粧品製造販売業許可の違いなど、化粧品をECで取り扱う場合は必見です

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

「スピードロジ」サービス運用について① ~外部委託でフルフィルメントを効率化~

フルフィルメント

2021-10-21 16:02更新: 2021-10-21 16:46

スピードロジサービスの運用ポイント。日々の運営ではShopify管理画面での登録・確認だけ。

化粧品を保管するだけでも「化粧品製造業許可」が必要って、知ってました?

フルフィルメント

2021-10-20 15:48更新: 2021-10-20 15:48

化粧品製造業許可と化粧品製造販売業許可の違いなど、化粧品をECで取り扱う場合は必見です

Shopify(ショッピファイ) 購入ボタン(Buy Button)をもう少し詳しく

Shopify

2021-10-15 16:10更新: 2021-10-19 13:13

自社のブランドサイトやSNS記事などに Shopifyの購入ボタン(Buy Button)を設置する方法の続き。柔軟なカスタマイズができることを紹介。

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

化粧品を保管するだけでも「化粧品製造業許可」が必要って、知ってました?

フルフィルメント

2021-10-20 15:48

化粧品製造業許可と化粧品製造販売業許可の違いなど、化粧品をECで取り扱う場合は必見です

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

化粧品を保管するだけでも「化粧品製造業許可」が必要って、知ってました?

フルフィルメント

2021-10-20 15:48

化粧品製造業許可と化粧品製造販売業許可の違いなど、化粧品をECで取り扱う場合は必見です

Shopify(ショッピファイ) 購入ボタン(Buy Button)をもう少し詳しく

Shopify

2021-10-15 16:10

自社のブランドサイトやSNS記事などに Shopifyの購入ボタン(Buy Button)を設置する方法の続き。柔軟なカスタマイズができることを紹介。

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

化粧品を保管するだけでも「化粧品製造業許可」が必要って、知ってました?

フルフィルメント

2021-10-20 15:48

化粧品製造業許可と化粧品製造販売業許可の違いなど、化粧品をECで取り扱う場合は必見です

Shopify(ショッピファイ) 購入ボタン(Buy Button)をもう少し詳しく

Shopify

2021-10-15 16:10

自社のブランドサイトやSNS記事などに Shopifyの購入ボタン(Buy Button)を設置する方法の続き。柔軟なカスタマイズができることを紹介。

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

化粧品を保管するだけでも「化粧品製造業許可」が必要って、知ってました?

フルフィルメント

2021-10-20 15:48

化粧品製造業許可と化粧品製造販売業許可の違いなど、化粧品をECで取り扱う場合は必見です

Shopify(ショッピファイ) 購入ボタン(Buy Button)をもう少し詳しく

Shopify

2021-10-15 16:10

自社のブランドサイトやSNS記事などに Shopifyの購入ボタン(Buy Button)を設置する方法の続き。柔軟なカスタマイズができることを紹介。

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

化粧品を保管するだけでも「化粧品製造業許可」が必要って、知ってました?

フルフィルメント

2021-10-20 15:48

化粧品製造業許可と化粧品製造販売業許可の違いなど、化粧品をECで取り扱う場合は必見です

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

化粧品を保管するだけでも「化粧品製造業許可」が必要って、知ってました?

フルフィルメント

2021-10-20 15:48

化粧品製造業許可と化粧品製造販売業許可の違いなど、化粧品をECで取り扱う場合は必見です

Shopify(ショッピファイ) 購入ボタン(Buy Button)をもう少し詳しく

Shopify

2021-10-15 16:10

自社のブランドサイトやSNS記事などに Shopifyの購入ボタン(Buy Button)を設置する方法の続き。柔軟なカスタマイズができることを紹介。

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

メインビジュアルをスライダーにし、複数のリンクをせっっていしたい場合。
メインビジュアルにカルーセルパーツを設定し、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」を設定