お世話になります。
セール商品が目立たないので、アドインセール機能で商品一覧の画像左上に自動で付くアイコンを大きくする事は可能でしょうか。
合わせて、セールを強調できるアドバイスがあればお伺いをしたいです。
何卒宜しくお願い申し上げます。
Re: セールのアイコンを大きくしたいです
商品画像左上に付与されるアイコンを変更するには、デザイン設定より可能です。
拡張設定>デザイン設定「テンプレート」のご利用中のテンプレート欄[ボタン画像等]の【ボタン・アイコン等】で変更可能です。
(「画像」と「CSS」での編集が可能です。既存で用意した画像をアイコン用としてアップロードすることもできます)
ボタンやアイコンの変更につきましては以下をご参照ください。
ボタン・アイコンのデザインを変更する
https://emshelp.easy-myshop.jp/c-item-detail?ic=button-design#no3
なお、セールを強調する方法の一つといたしまして、特定の商品をまとめて表示する「商品ピックアップ」がございます。
拡張設定>デザイン設定から商品ピックアップタグを開き、新しく追加してセール商品を編集・保存後、デザイン設定の
レイアウトタブで商品ピックアップパーツを配置します。
詳しい方法は以下をご確認ください。
商品ピックアップパーツ(旧ランキングパーツ)の作成
https://emshelp.easy-myshop.jp/c-item-detail?ic=ranking-parts
また、商品一覧ページの並び順の調整も可能です。
拡張設定>検索設定>ソート設定欄で指定してください。
※「商品委指定した表示順」は商品管理>商品一覧>「表示順」で指定できます。
ご回答をいただきありがとうございました。
CSSはサイズをはじめ自由にデザイン変更できたのですが、
画像→ファイルで画像選択すると、元の画像の大きさを問わず
一律のサイズに強制で縮小されてしまいます。
こちらもCSSなどで変更は可能でしょうか。
以下スタイルでセールアイコンのサイズ変更は可能です。
※アイコンを店舗様独自の画像としてアップロードした場合のサンプルです。
/* セールアイコンのサイズを変更するスタイル例 */
.item_catalog .item_icon_block .sale_item_img img{
max-height:100px;
}
※イージーマイショップにて提供する画像アイコン([選択]ボタンから指定する画像)の場合は以下をご使用ください。
/* アイコンエリアの高さを変更するスタイル例 */
.item_catalog .item_icon_block img {
max-height: 100px;
}
/* セールアイコンのサイズを変更するスタイル例 */
.item_catalog .item_icon_block img.sale_item_icon {
height: 100px;
}
スタイルの追加方法は以下をご確認ください。
サイトにCSS(スタイルシート)を追加する
https://emshelp.easy-myshop.jp/c-item-detail?ic=site-style
※スタイルの追加後は、Ctrl+F5キー(Mac端末の場合:Shift+Command+R)キーなどでブラウザを更新後に確認をお願いいたします。
なお、基本的に弊社サポート範囲はイージーマイショップ上で予め用意している機能の設定や操作方法となります。
CSSによる設定はサポート外の部分もあり、設定のご案内ができない場合があることを予めご了承ください。
お世話になります。
ありがとうございました。ご提示いただいた方法で解決しました。