自社ショップの件（カラーミーショップ）

Question

いつもお世話になっております。

只今、カラーミーを使って商品ページを作っているのですが
こちらの画像周りの白い部分を黒にしたいのですが
可能でしょうか？
https://triplesss.shop-pro.jp/?pid=128007284

また、こちらのサイトのように
購入ボタンからレジに飛ばすことは
できますか？
http://menz-store.com/mt/Hu2k/?ad_code=Hu2k&utm_source=Hu2k&utm_medium=cpc&wapr=5a816007

毎度申し訳ございませんが、よろしくおねがいいたします。

Accepted Answer

ECマスターズの田中です。

＞スマホの画像の隙間が埋まらない

スマートフォン用のCSS編集にて、下記規則の追加をお願いします。

= この下の行から ====================
#item-cont-re img {
vertical-align:bottom;
}
= この上の行まで ====================

＞サイズ選択ボタンを押すと他のページにリンクされてしまいます。

同商品ページに記載されている

Answer

ECマスターズの田辺です。

＞画像周りの白い部分を黒にしたいのですが
＞可能でしょうか？

こちらを参考に
https://shop-pro.jp/manual/design_tmpl_lst_sub2
上級モードでCSS編集に以下のタグをご記入いただき
反映されるかどうかご確認をお願いいたします。

＝この下から＝＝＝＝＝＝
body .layout_wrapper{
background-color: #000;
}
body .layout_wrapper *{
color: #FFF!important;
}
＝この上まで＝＝＝＝＝＝

※背景を黒くすることで文字が埋もれてしまいますので
文字色を白にする設定も同時に記述させていただきました。


＞購入ボタンからレジに飛ばすことは
＞できますか？

こちらにつきましては
カラーミーショップで実現が可能かどうか
調べるのが時間がかかっておりまして、
恐れ入りますが、もうしばらく回答をお待ちいただいてもよろしいでしょうか。

Answer

毎度すみません、よろしくおねがいします。

バックグラウンドのカラー設定やってみます
ありがとうございます。

Answer

すみません、バックグラウンドの黒はできたのですが
スマホで表示すると画像と画像に隙間ができてしまいます。
こちらはなんとか詰められませんでしょうか？

また、文字を全部白にしたので
添付の購入個数の白枠内の数字も白色になってしまい読めません。
ここだけ黒になったりします。

いい雰囲気になって来てますのでおねがいします！！###HR######IMG09134552cb5c190725762da32f208411c.pngIMG0######BR###

Answer

ECマスターズの田中です。

＞こちらのサイトのように
＞購入ボタンからレジに飛ばすことは
＞できますか？

はい、できます。
カラーミーショップのページ編集画面にて、
下記のように、HTMLソースをご記載ください。

= この下の行から ====================










= この上の行まで ====================
※ボタン用画像ファイルのURL・カートページの戻るのリンク先URLは、
　実際のURLをご記載ください。
※ショップID（２箇所）は、実際の商品ページのソースに記載されている
　のタグより、
　◯◯◯の部分を取得してご記載ください。
※商品IDは、実際の商品ページのソースに記載されている
　のタグより、
　◯◯◯の部分を取得してご記載ください。
※カートに入れる商品数を２つ以上に設定する場合は、
　name="product_num" の右にある数字をご変更ください。

＞バックグラウンドの黒はできたのですが
＞スマホで表示すると画像と画像に隙間ができてしまいます。
＞こちらはなんとか詰められませんでしょうか？

＞また、文字を全部白にしたので
＞添付の購入個数の白枠内の数字も白色になってしまい読めません。
＞ここだけ黒になったりします。

以上２つの問題を修正したスタイルシートを
ご案内いたしますので、
以前にご案内差し上げた内容と差し替えてご利用ください。

= この下の行から ====================
body .layout_wrapper,.section__inner{
background-color: #000;
}
body .layout_wrapper *,.section__inner{
color: #FFF;
}
.product_order_form input,.buy input,.pulldown{
color: #000;
}  
.description img {
vertical-align:bottom;
}
= この上の行まで ====================

Answer

返信が大変遅くなってしまいすみません。
PCページは形になって来たのですが、スマホの画像の隙間が埋まらないのとサイズ選択ボタンを押すと他のページにリンクされてしまいます。
お助けください！！！

Answer

ECマスターズの塚本です。

こちらでお調べしまして回答させていただきますが、
システム担当が本日は不在のため、明日の回答となります。

あらかじめご了承くださいませ。

Answer

ありがとうございます！！

直りました！！
これでやっと開店できます。
ありがとうございました〜！！！