見出しパーツ

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

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

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

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

その他パーツ集

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03更新: 2020-12-22 11:04

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03更新: 2020-12-22 11:04

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03更新: 2020-12-22 11:04

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03更新: 2020-12-22 11:04

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

【Shopify(ショッピファイ)導入事例】食品・飲料系ECサイト・導入アプリ編

Shopify

2020-12-22 09:38更新: 2021-01-13 15:01

今回はShopify(ショッピファイ)で作成された食品、飲料関係のECサイトの事例をご紹介します。

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03更新: 2020-12-22 11:04

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

【Shopify(ショッピファイ)導入事例】食品・飲料系ECサイト・導入アプリ編

Shopify

2020-12-22 09:38更新: 2021-01-13 15:01

今回はShopify(ショッピファイ)で作成された食品、飲料関係のECサイトの事例をご紹介します。

【Shopify(ショッピファイ)導入事例】BtoB(卸・法人)ECサイト・導入アプリ編

Shopify

2020-11-27 13:49更新: 2021-01-13 15:02

今回はShopify(ショッピファイ)で作成されたBtoB(卸・法人向け)のECサイトの事例をご紹介します。

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

【Shopify(ショッピファイ)導入事例】食品・飲料系ECサイト・導入アプリ編

Shopify

2020-12-22 09:38

今回はShopify(ショッピファイ)で作成された食品、飲料関係のECサイトの事例をご紹介します。

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

【Shopify(ショッピファイ)導入事例】食品・飲料系ECサイト・導入アプリ編

Shopify

2020-12-22 09:38

今回はShopify(ショッピファイ)で作成された食品、飲料関係のECサイトの事例をご紹介します。

【Shopify(ショッピファイ)導入事例】BtoB(卸・法人)ECサイト・導入アプリ編

Shopify

2020-11-27 13:49

今回はShopify(ショッピファイ)で作成されたBtoB(卸・法人向け)のECサイトの事例をご紹介します。

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

【Shopify(ショッピファイ)導入事例】食品・飲料系ECサイト・導入アプリ編

Shopify

2020-12-22 09:38

今回はShopify(ショッピファイ)で作成された食品、飲料関係のECサイトの事例をご紹介します。

【Shopify(ショッピファイ)導入事例】BtoB(卸・法人)ECサイト・導入アプリ編

Shopify

2020-11-27 13:49

今回はShopify(ショッピファイ)で作成されたBtoB(卸・法人向け)のECサイトの事例をご紹介します。

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

【Shopify(ショッピファイ)導入事例】食品・飲料系ECサイト・導入アプリ編

Shopify

2020-12-22 09:38

今回はShopify(ショッピファイ)で作成された食品、飲料関係のECサイトの事例をご紹介します。

【Shopify(ショッピファイ)導入事例】BtoB(卸・法人)ECサイト・導入アプリ編

Shopify

2020-11-27 13:49

今回はShopify(ショッピファイ)で作成されたBtoB(卸・法人向け)のECサイトの事例をご紹介します。

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

【Shopify(ショッピファイ)導入事例】食品・飲料系ECサイト・導入アプリ編

Shopify

2020-12-22 09:38

今回はShopify(ショッピファイ)で作成された食品、飲料関係のECサイトの事例をご紹介します。

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

【Instagram×Shopify】RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

Shopify

2020-12-22 11:03

RiLi.tokyo渡邉様ご登壇!Shopify Meetup セミナーレポート

【Shopify(ショッピファイ)導入事例】食品・飲料系ECサイト・導入アプリ編

Shopify

2020-12-22 09:38

今回はShopify(ショッピファイ)で作成された食品、飲料関係のECサイトの事例をご紹介します。

【Shopify(ショッピファイ)導入事例】BtoB(卸・法人)ECサイト・導入アプリ編

Shopify

2020-11-27 13:49

今回はShopify(ショッピファイ)で作成されたBtoB(卸・法人向け)のECサイトの事例をご紹介します。

記事リストパーツ 記事一覧専用パターン(リスト型)
※このスタイルは「スタイル選択(デフォルト)」以外では使用出来ません。
 タグは2個までしか表示出来ない仕様にしています。

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

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