[戻る]
No.3043

テンプレートの仕様を変更する

goodsさん  投稿日:2018/03/23(Fri) 15:16
key

お世話になります。
テンプレートの設定の変更について教えてください。

1.商品詳細ページの説明文のフォントサイズの変更(CSSで変更可能か?1ページづつフォントサイズ設定が必要なのか?簡単モードで作成中です)
2.カテゴリー一覧のフォントサイズ・フォントの変更
3.ヘッダー内の背景色を白にしたいのですが、ヘッダメニューバーまで白になります。ヘッダメニューだけ色を付ける、または色を残すことは可能ですか?

よろしくお願い致します。

Re: テンプレートの仕様を変更する

おたすけマイショップさん  2018/03/23(Fri) 18:28 No.3044
key

ご質問のテンプレートの編集について回答致します。

> 1.商品詳細ページの説明文のフォントサイズの変更(CSSで変更可能か?1ページづつフォントサイズ設定が必要なのか?簡単モードで作成中です)
商品詳細ページの説明文は、商品情報編集画面の[説明文]欄の上部にあるフォントサイズ変更ボタン(左から8個目のアイコン)から変更が可能です。
フォントサイズを変更した文字を範囲指定した後にフォントサイズ変更のボタンを押して下さい。

また、[HTMLモード]に切り替えて頂くことでHTMLコードでの登録及びスタイルでの記載も可能となります。


> 2.カテゴリー一覧のフォントサイズ・フォントの変更
フォントの種類については[商品一覧・フレーム設定]画面にて変更できますが、フォントサイズについては専用の設定はございませんのでスタイル追加による変更が必要となります。

・商品一覧・フレーム設定
 ページレイアウト管理(デザイン設定>レイアウトタブ)を開き、レイアウト図中央にある[商品一覧・フレーム設定]ボタンを押して下さい。
 商品一覧・フレーム設定画面が表示されますので、画面最下部にある[商品情報]項目の詳細(ギアアイコン)を選択すると[商品情報]の詳細設定画面が表示され[フォント]項目のプルダウンからフォントの種類を変更できます。

・フォントサイズの変更について
 商品一覧(カテゴリ一覧)画面における商品名のフォントサイズを変更するスタイルのサンプルです。

<style>
.item_catalog .item_name {
font-size: 20px;
}
</style>

スタイルは以下の方法で追加して下さい。

1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
2. スクリーンの設定ボタン(ギアアイコン)をクリック
3. [<head>追加]内に内容を追記して「保存」をクリック

※テンプレートの種類や設定により上記サンプルが使用できない場合がございます。
 この場合、ブラウザの開発者ツールにてclassを確認し、そのクラスに対し要素を追加したスタイルを作成して追加して下さい。
 classの確認はショップページを開き、対象の箇所を右クリックして表示される「要素の検査(IEの場合)」や「検証(Chromeの場合)」などでご確認下さい。

> 3.ヘッダー内の背景色を白にしたいのですが、ヘッダメニューバーまで白になります。ヘッダメニューだけ色を付ける、または色を残すことは可能ですか?
ヘッダーの背景色においても変更する専用の設定はございません。
別のテンプレートに入れ替えて頂く、またはスタイルを追加にて変更します。

こちらもテンプレートの種類や設定内容により使用できない可能性がございますが、スタイルのサンプルを下記致します。

※スタイルを追加する際、色コード(#000000)をお好みのものに変更したのちに追加して下さい。

<style>
.pane_head_menu_bar {
background: #000000;
}
</style>

スタイルの追加方法は上記と同様です。

最後に、イージーマイショップにて作成されるショップページには様々な場所にclassを充てています。

店舗様独自の色や文字の大きさ等の詳細な変更を希望される場合は、上記の様にclassに対してスタイルを追加する事で変更が可能です。

上記と同様にブラウザの機能にてclassをご確認頂きスタイルを作成して追加して下さい。

尚、大変恐れ入りますが、スタイルの作成方法(class名{○○:△△;}など)はサポート範囲外となりますので店舗様にて確認頂きますようお願い致します。

回答は以上です。



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

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