デザインにつきまして
お世話になっております。
下記質問がありご連絡させていただきました。
１：商品詳細ページ
「価格」の上下にある「商品コード」や「送料」の文字色を
濃くしたいのですが、どちらから設定すればよろしいでしょうか。
２：商品詳細ページ
商品名の下(商品コードの上)にある線の色を変更したい(濃くしたい)のですが、
どちらから設定すればよろしいでしょうか。
３：背景画像
こちらを
拡張設定＞デザイン設定＞レイアウトタブ＞ページ 横の歯車
から設定したのですが、画像をPC用サイズで作成しましたので、
スマホから見ると大幅に切れてしまいます。
スマホ用に別の背景画像を設定する、または
背景画像の横幅を100％に指定する方法はございますでしょうか。
以上、お手数をおかけいたしますが、
ご教授いただけますと幸いです。
宜しくお願い致します。
Re: デザインにつきまして
まず、「商品コード」や「送料」の文字色や商品名下にある線の色を変更する専用の機能はございませんので、
下記のようなcss追加での対応をお願いいたします。
※「#000000」部分を変更してご利用ください。
■商品詳細ページの「商品コード」項目名の文字色を変更するスタイル例
.item_code_ttl.item_textinfo_ttl{
color:#000000;
opacity: 1;
}
■商品詳細ページの「送料」項目名の文字色を変更するスタイル例
.item_postage_ttl.item_price_ttl{
color:#000000;
}
■商品詳細ページの商品名下にある線の色を変更するスタイル例
.item_detail .item_name{
border-bottom:solid 1px #000000;
}
スタイルの追加方法は以下をご覧ください。
サイトにCSS(スタイルシート)を追加する
https://emshelp.easy-myshop.jp/c-item-detail?ic=site-style
次に背景画像をスマートフォン版のみ別画像を登録したり、背景画像の横幅を調節する機能はございませんことをご了承ください。
下記のようなcssでスマートフォン表示時に、背景を画面幅に合わせて縮小、背景の繰り返しをなしとすることは可能かと存じますが、
端末の画面幅に表示が依存し、ご希望の表示ができない可能性もございますことをご了承ください。
@media screen and (max-width: 700px) {
#top{
background-size:contain;
background-repeat: no-repeat;
}
}
最後に弊社サポート範囲はイージーマイショップに標準で備わっている機能の操作案内や設定方法となり、cssなどを含むご案内は
サポート外の為行えない場合がございますので予めご了承ください。
Re: デザインにつきまして
お世話になっております。
ご回答いただきまして、ありがとうございます。
詳しくお教えいただき大変助かりました。
＞最後に弊社サポート範囲はイージーマイショップに標準で備わっている機能の操作案内や設定方法となり、cssなどを含むご案内は
＞サポート外の為行えない場合がございますので予めご了承ください。
また、上記に関しましても承知いたしました。
この度は丁寧にご対応いただきましてありがとうございました。
今後共引き続きよろしくお願いいたします。