[戻る]
No.7692

それぞれの背景画像とレイアウトについて

あkささん  投稿日:2025/11/12(Wed) 19:04
key

カテゴリーごとに分けた際に、「necklace」や「ring」などの背景が今はシンプル一色になっているため、それぞれの画像を背景にしたいのですがやり方がわからないです。
また、見出しやカテゴリー、タイトルなどを四角や丸、また大きくしたりする方法を教えてください

よろしくお願いいたします

Re: それぞれの背景画像とレイアウトについて

おたすけマイショップさん  2025/11/13(Thu) 09:43 No.7694
key

カテゴリーを画像表示に変更する認識で回答いたします。

カテゴリーへの画像指定は以下手順となります。
1.商品管理>カテゴリ一覧>各カテゴリの[編集(鉛筆マーク)]をクリック
2.「メニュー画像」内の「タイトル画像」で[画像登録]をクリック
  ※適用の2項目にチェックを入れたままにしておいてください。
3.画像ファイルを指定
4.最下部で[保存]する

上記設定後はヘッダーやカテゴリパーツ利用時に、上記で画像を登録したカテゴリは登録した画像で表示されます。

※ヘッダーやカテゴリパーツは以下で指定できます。
1.拡張設定>デザイン設定>レイアウトタブを開く
2.「未使用パーツ」の[新規作成]をクリック
3.「パーツ種類」で「ヘッダメニュー・検索」や「絞り込みリスト(カテゴリから探す)」を選択し[OK]を押す
4.適宜設定を行い[保存]する
5.作成したパーツをレイアウト図内の表示箇所に配置

また、見出しやカテゴリーなどの文字サイズやデザインを変更する機能はないため、CSS(スタイル)での変更をお願いしております。

■スタイルの例
※適宜数値や色を変更してご利用ください。

/* カテゴリーから探すなど見出し */
.section_box_head3{
font-size: 20px; /* 文字サイズ*/
color: #FF0000; /* 文字色*/
background: #0000FF; /* 背景色*/
border-radius: 10px; /* 背景の丸み */
}

また、商品のフレームの文字サイズやデザイン変更は以下をご確認ください。

 商品フレームを変更する
 https://emshelp.easy-myshop.jp/c-item-detail?ic=item-frame

 商品一覧ページに関するスタイル(CSS)
 https://emshelp.easy-myshop.jp/c-item-detail?ic=css_c-item-list

 商品詳細ページに関するスタイル(CSS)
 https://emshelp.easy-myshop.jp/c-item-detail?ic=css_c-item-detail

スタイルの追加方法は以下をご覧ください。

 サイトにCSS(スタイルシート)を追加する
 https://emshelp.easy-myshop.jp/c-item-detail?ic=site-style
 ※スタイルの追加後は、Ctrl+F5キー(Mac端末の場合:Shift+Command+R)キーなどでブラウザを更新後に確認をお願いいたします。



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

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