[戻る]
No.2299

カートへ入れるボタン

ちびみさん  投稿日:2016/12/23(Fri) 10:40
key

商品詳細ページの「カートへ入れる」ボタンが、

真ん中ではなくスマホでみると左に少しずれてしまうしまうようです。

対処方法はありますか?

Re: カートへ入れるボタン

おたすけマイショップさん  2016/12/26(Mon) 18:58 No.2312
key

design.css(デザイン設定>適用中テンプレートの[CSS])の編集画面を開き、以下のスタイルに「display: block;」を追加します。

※2105行目あたり(テンプレートによって異なります)に対象のスタイルがございます。
※Ctrl+Fで「.item_detail .item_small_info_block .item_textinfo_block」を検索すると2カ所程ヒットしますので、
 前後の記述を確認し、お間違えの無い様ご注意ください。

@media only screen and (max-width: 700px) {
.item_detail .item_image_block { /* 商品詳細 メイン画像+サムネイル枠 */
・・・・
}
.item_detail .item_small_info_block .item_textinfo_block{ /* 商品詳細 商品テキスト情報ペイン */
display: block; /* ←こちらを追加 */
margin-right: 0;
float: none;
}
.item_detail .item_count { /* 商品詳細 種類なし 数量、カートエリア */
・・・・
}

スタイル追加後は、スマートフォンにて反映をご確認下さい。



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

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