カート画面のデザイン変更をしたい
デザイン変更に必要な手順
①デザイン変更用素材のアップロード
②デザインの適用
①デザイン変更用素材のアップロード手順
- AWS S3にログイン ※アカウントはTRIADより送付いたします
- デザイン変更用素材をAWS S3にアップロード
- アップロード時に生成されるURLにアクセスし、アップロードした素材がWeb上で閲覧可能であることを確認
注意点
- ファイルアップ時はフォルダを意識してご利用ください。
- 環境 ： テスト用（stg） / 公開用（run） で分けてください
- 拡張子 ： css（スタイルシート用） / js（Java script用） / images（画像用） で分けて下さい
②デザインの適用
- MODD管理画面「設定」メニュー「カート」内の「ヘッダ」「フッタ」に上記デザイン素材を呼び出す記述を記載
- 更新ボタンを押下
- カート画面にアクセスし、デザインが反映されていることを確認
呼び出しのサンプルコード
呼び出し記載例は以下の通りです。
【CSS】
<link href=“//contents.modd.com/【カートID】/【stgもしくはrun】/【ファイルパス】/【ファイル名.css?version=◯】” type="text/css" rel="stylesheet">【js】
<script src=“//contents.modd.com /【カートID】/【stgもしくはrun】/【ファイルパス】/【ファイル名.js?version=◯】"></script>文字コードの指定をする場合の例
<script type=“text/javascript” charset=“UTF-8”src=“//contents.modd.com/【カートID】/【stgもしくはrun】/【ファイルパス】/【ファイル名js?version=◯】 ”></script>【ロゴ画像】
<img src=“https:// contents.modd.com /【カートID】/【stgもしくはrun】/【ファイルパス/ファイル名?version=◯】” alt=“画像表示をOFFにしている人に見せたい文字" /></a>