それぞれの背景画像とレイアウトについて
カテゴリーごとに分けた際に、「necklace」や「ring」などの背景が今はシンプル一色になっているため、それぞれの画像を背景にしたいのですがやり方がわからないです。
また、見出しやカテゴリー、タイトルなどを四角や丸、また大きくしたりする方法を教えてください
よろしくお願いいたします
Re: それぞれの背景画像とレイアウトについて
カテゴリーを画像表示に変更する認識で回答いたします。
カテゴリーへの画像指定は以下手順となります。
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)キーなどでブラウザを更新後に確認をお願いいたします。