コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]
コマースクリエイターでのショップ開店がはじめての方はこちら ショップ開店ガイド
オプション
<ご契約状況管理画面の使い方>
  • [契約管理ポータル]

モバイル-デザイン設定

スマートフォン最適化ページのオリジナルCSSの設定

モバイルメニュー>スマートフォンデザイン設定>デザイン設定で設定されるCSS「original_smp.css」は、
スマーフォン(最適化)ページのみに適用されるCSSとなります。

スマートフォンページの2つの「CSS」

futureshopのスマートフォンページでは、2つの外部CSSファイルが<head>内に記述されています。
「デザイン設定」で設定するCSSは、「original_smp.css」として2つ目のファイルとして読み込まれます。

デザインCSSの編集

futureshopのスマートフォンページのデザイン用CSSは、ここへ設定します。
設定されたCSSは、外部CSSファイル「original_smp.css」として読み込まれます。最大文字数:半角160,000字

スマートフォンページのソースを確認する方法

スマートフォンページのページソース(HTMLソース)を確認する場合、Firefoxなどブラウザに
ユーザーエージェントを偽造する「アドオン」をインストールし、スマートフォンページを閲覧し、
「右クリック」メニューの「ページのソース表示」よりHTMLソースをご確認ください。

改正特定商取引法に基づく消費者庁のガイドラインへの対応方法

「返品について」リンクを[注文確定]ボタンの上に表示する方法

「申込手続き」フローにおける「申込確認」画面において、特商法に例示されているように、「返品について」リンクを[申込確定]ボタンの上に表示させることも可能です。
サンプルコード(CSS)をご参照ください。

通常商品購入時の「ご注文手続き」フローにおける「注文確認」画面も、同様な表示になりますのでご注意ください。

初期表示
カスタマイズ後の表示

モバイル>デザイン設定>スマートフォンデザイン設定(本画面)に以下のコードを入力してください。

.FS2_body_Cart_OrderConfirm .FS2_OrderConfirm_container2{
  display: flex;
  flex-direction: column;
}
.FS2_body_Cart_OrderConfirm .FS2_OrderDecideButton_container{
  order: 1;
}