makeshopサポート │ "買い物かごページ"のサムネイル（縮小商品画像）のサイズを大きくしたい

こんにちは、MakeShopのあらいです。
いつもMakeShopをご利用いただきありがとうございます。

今回はPCの"買い物かごページ"のサムネイル（縮小商品画像）サイズを大きくする方法をご紹介します！

こんなお悩みありませんか？

・買い物かごに入れた商品の商品画像サイズを大きくしたい！

買い物かごページのサムネイルは、商品登録画面の「縮小商品画像」に設定されている画像が
“横幅40px”で表示されるようになっています。

これだと少し小さく感じますので、今回はこの画像を大きく表示してみましょう。
やり方はかんたん！CSSを追加するだけです。

それでは、早速みていきましょう。

【独自デザイン（PC）】>【トップページ編集】>【共通CSS管理】

に下記のスタイル指定を追記してください。

ここでは【Fashion】テンプレートを適用している状態で、横幅を120pxに変更してみましょう。

.basket-img img {
	width:120px;/* サムネイルの横幅 */
	height:auto;/* 画像の縦横比を維持 */
}

.basket-img img {

width:120px;/* サムネイルの横幅 */

height:auto;/* 画像の縦横比を維持 */

}

↓↓反映後
買い物かごーページのサムネイル

【シンプルモダン／プレーン／サニーポップ】利用の場合はクラス名が以下のようになります。

.basketImg img {
	width:120px;/* サムネイルの横幅 */
	height:auto;/* 画像の縦横比を維持 */
}

.basketImg img {

width:120px;/* サムネイルの横幅 */

height:auto;/* 画像の縦横比を維持 */

}

・サムネイルの横幅のサイズはお好みのサイズを指定して変更できます。

・CSSを追記する場所は管理しやすい場所か、分からない場合は一番下に追記しましょう！

→かんたんですね

いかがでしたでしょうか。
間違った商品を購入してしまった！のような
うっかりミスを防ぐためにも、商品画像は大きく見せるようにしましょう。

それではまた！

"買い物かごページ"のサムネイル（縮小商品画像）のサイズを大きくしたい