[戻る]
No.2509

商品一覧(カタログ表示)のフォントサイズ変更

るっくさん  投稿日:2017/04/12(Wed) 12:44
key

商品一覧(カタログ表示)の商品名、価格、metaタグのdiscriptionの内容などのフォントサイズを個別に変更する方法はありますでしょうか。
よろしくお願いします。

Re: 商品一覧(カタログ表示)のフォントサイズ変更

おたすけマイショップさん  2017/04/12(Wed) 17:37 No.2512
key

スタイルを追加する事で変更できます。
追加するスタイルのサンプルは以下の通りです。
(数値(20px)を変更した後に追加して下さい)

<style>
/* 商品名 */
.app_content .item_catalog .item_name {
font-size: 20px;
}
/* 価格 */
.app_content .item_catalog .item_price {
font-size: 20px;
}
/* discription */
.item_catalog .item_explain {
font-size: 20px!important;
}
</style>

上記スタイルは、以下の手順に従い<head>タグへ追加して下さい。

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

尚、その他のclassを確認する場合は、変更箇所を右クリックして頂き表示される「要素の検査(IEの場合)」や「検証(Chromeの場合)」などでご確認下さい。

【ご注意】
文字サイズを大きくすると(特にdiscriptionの文字サイズ)、商品のフレームサイズの高さを越えてしまう為、文字の最後が下に表示されている商品画像に隠れてしまう場合がございます。
この場合は、商品一覧・フレーム設定の[フレームサイズ]からサイズの調節を行って下さい。

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

ご案内は以上です。



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

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