見出しパーツ

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

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

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

h１見出し

h２見出し

h３見出し

h４見出し

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

h１見出し

h２見出し

h３見出し

h４見出し

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

h１見出し

h２見出し

h３見出し

h４見出し

h5見出し

ボタンパーツ集

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

画像＋テキストパーツ

画像に影をつける　「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 セミナーレポート

Shopifyショッピファイ
記事リストパーツ　デフォルト（リスト型）

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

Shopify

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

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

Shopifyショッピファイ
記事リストパーツ　デフォルト（カード1列）

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

Shopify

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

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

Shopifyショッピファイ
記事リストパーツ　デフォルト（カード2列）

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

Shopify

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

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

Shopifyショッピファイ

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

Shopify

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

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

Shopifyショッピファイ
記事リストパーツ　デフォルト（カード3列）

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

Shopify

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

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

Shopifyショッピファイ

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

Shopify

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

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

Shopifyショッピファイ

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

Shopify

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

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

Shopifyショッピファイ
記事リストパーツ　カスタム（スタイル無し）「caseContent_style」を追加

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

Shopify

2020-12-22 11:03

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

Shopifyショッピファイ
記事リストパーツ　カスタム（リスト型）「caseContent_style」を追加

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

Shopify

2020-12-22 11:03

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

Shopifyショッピファイ
記事リストパーツ　カスタム（カード型1列）「caseContent_style」を追加

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

Shopify

2020-12-22 11:03

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

Shopifyショッピファイ
記事リストパーツ　カスタム（カード型2列）「caseContent_style」を追加

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

Shopify

2020-12-22 11:03

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

Shopifyショッピファイ

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

Shopify

2020-12-22 09:38

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

Shopifyショッピファイ
記事リストパーツ　カスタム（カード型3列）「caseContent_style」を追加

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

Shopify

2020-12-22 11:03

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

Shopifyショッピファイ

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

Shopify

2020-12-22 09:38

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

Shopifyショッピファイ

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

Shopify

2020-11-27 13:49

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

Shopifyショッピファイ
オプション　カスタム（カード型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ショッピファイ

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

Shopify

2020-12-22 09:38

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

Shopifyショッピファイ

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

Shopify

2020-11-27 13:49

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

Shopifyショッピファイ
オプション　カスタム（カード型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ショッピファイ

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

Shopify

2020-12-22 09:38

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

Shopifyショッピファイ

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

Shopify

2020-11-27 13:49

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

Shopifyショッピファイ
オプション　カスタム（カード型2,3列）シャドウなし　縦区切り線あり　「caseContent_style option_break」を追加

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

Shopify

2020-12-22 11:03

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

Shopifyショッピファイ

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

Shopify

2020-12-22 09:38

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

Shopifyショッピファイ
オプション　カスタム（カード型1,2,3列）シャドウなし　ボーダーあり　「caseContent_style option_border」を追加

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

Shopify

2020-12-22 11:03

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

Shopifyショッピファイ

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

Shopify

2020-12-22 09:38

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

Shopifyショッピファイ

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

Shopify

2020-11-27 13:49

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

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

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

2020-12-22

Shopifyショッピファイ

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

2020-12-22

Shopifyショッピファイ

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

2020-11-27

Shopifyショッピファイ

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

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

トランスコスモス株式会社
リテールコマース総括 ECX本部
〒150-8530
東京都渋谷区渋谷3-25-18
03-4363-1111（大代表）


トランスコスモスの全社的な情報を発信するオウンドメディア

© transcosmos inc. All rights reserved.