[戻る]
No.3943

カートページ等のデザイン変更について

いとさん  投稿日:2019/12/25(Wed) 07:46
key

カートモードで使用させていただいております。
カートページ、レジページ、会員登録ページなどのフォントの変更やカートボタンの「買い物を続ける」ボタンの位置などのデザインを編集することは可能でしょうか?
よろしくお願い致します。

Re: カートページ等のデザイン変更について

おたすけマイショップさん  2019/12/25(Wed) 10:10 No.3944
key

イージーマイショップにて生成されているページのボタン(買い物を続けるボタンなど)やカートボタンのデザイン編集は、デザイン設定(店長ナビ>拡張設定)を開き、適用中テンプレート(背景オレンジ)の[ボタン画像等]リンクから編集できます。

「買い物を続ける」ボタンについては、編集画面内にある[汎用ボタン]項目から編集してください。
※[選択]ボタンにてイージーマイショップで提供する他のデザイン変更が可能です。
 [編集]ボタンからボタンのCSSを直接編集することが可能です。

次に、ボタンとは異なり、カートやレジページなどで表示される文字のフォントなどの変更方法を案内いたします。
こちらはボタンのデザインと異なり専用の変更画面等の提供はございません。
変更を希望される場合は、生成されるカートやレジページなどのページ内で定義されているCSSを直接編集する、または、表示される内容に予め充てられているclassに対しスタイルを追加することで、フォントの変更や文字サイズ、文字色などを変更できます。

変更手順を以下に案内いたします。

1.ショップページを開き変更箇所のclassを確認。
 イージーマイショップにて生成するカートページなどの各ページにて表示される内容については細かくclassを充てております。
 ブラウザの機能(開発者ツールなど)を使って、変更を希望される箇所に充てられているclassをご確認ください。
※スタイルを変更する場合の各要素のclassの確認については、 GoogleChromeであれば対象の場所を右クリックして「検証」、
 InternetExplorerであれば「要素の検査」にてご確認いただけます。
2.スタイルの作成。
 例として会員案内ページにて表示される「会員案内」の文字を太字にしたスタイルです。

<style>
.member_title.page_title {
font-weight: bold;
}
</style>

3.スタイルの追加。
 ページレイアウト管理(デザイン設定>レイアウトタブ)を開き、[ページ]の[設定]ボタン(ギアアイコン)をクリックして表示される
 設定画面にて2で作成したスタイルを[<head>追加:]項目に貼り付けて保存すれば完了です。
※カートやレジページにスタイルを追加する場合はページレイアウト管理にて表示されるレイアウト図左上にある[ページ選択:]
 から「カート」を選択してください。
 会員ログインや会員案内などの会員ページ関連の場合は「会員ログイン」を選択しレイアウト図を切替えた後にスタイルを追加してください。

ご案内は以上です。
これらをご参照いただきお試しください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』