makeshopのカートのカスタマイズについて

Question

makeshopのカートのカスタマイズについて質問です。

添付画像のようにカートに入れるという文言を増やして
カートサイズを大きくしたいのですが可能でしょうか？

URL   https://www.orlo-matsuge.com/smartphone/detail.html?id=000000000091


カートに入れるという文言のサイズは今まで通りで
2行目の保障に関する文言は少し小さく2段に分けて作成したいです。

ご回答宜しくお願い致します。###HR######IMG06a9af38739251064ff53f1498e93b024.jpegIMG0###

Accepted Answer

ECマスターズの田中です。

実際のページを確認したところ、
#itemContainer p {
    text-align: right;
}
上記規則の優先度が高いため、上書きされて右寄せになっておりました。

上記規則より優先度を上げるため、セレクター（１行目）を
#itemContainer p.henkin{
text-align: center;
}
このように修正していただきますようお願いします。

Answer

ECマスターズの田中です。

まずは、MakeShopにて、買い物カゴページ編集画面を開いてください。
http://ms-manual.makeshop.jp/s_basket/

買い物カゴは、

上記のHTMLタグで設置されておりますが、
タグではボタン内部のカスタマイズができませんので、
タグに差し替えていただく必要がございます。

例）

カートに入れる
グルーは３０日間返金保証付きです


上記例の場合、
#cartbtn、#cartbtn1、#cartbtn2 それぞれに対してスタイルシートの規則を書き、
見た目を調整することで、ご希望どおりのボタンを設置することができます。

なお、「HTML編集」内のHTMLソースでは、
単純なHTMLだけでなく、
「Smarty」という書式で条件分岐などの高度な処理が行われております。
https://www.smarty.net/docsv2/ja/what.is.smarty.tpl
ページ編集の際はくれぐれも、Smartyで記載された部分を編集・削除し、
構造を崩すことのないようご注意ください。

また、今回の修正内容は、全商品ページの買い物カゴボタンにおいて
デザインの変更を行いますことを、予めお含みおき下さい。

Answer

ECマスターズ　田中様

ご回答ありがとうございます。
上記の設定は少し触るのが怖いので別の方法として以下のようにしました。

URL https://www.orlo-matsuge.com/smartphone/detail.html?id=000000000091

スマホでご確認下さい


 
グルーには30日間の返金保証が付いています

上記のようにタグを使用してカートボックスの下に記述しました。

スタイルシートは

.henkin{
	text-align: center;
	}

上記のように記述しましたが
グルーには30日間の返金保証が付いていますの文言が真ん中に来ません。

添付画像のように
文言を真ん中にして上に余白を少し空けたいのですが
どのようなcssの記述をすればよいかご教授願えますでしょうか？

ご回答宜しくお願い致します。###HR######IMG01c9381661ca46bb2ef4522e25339d662.jpegIMG0######BR###

Answer

ECマスターズ　田中様

ご回答ありがとうございます。
無事に解決出来ました。

makeshopに聞いても回答が明確でなかったので助かりました！
ありがとうございます。

今後とも宜しくお願い致します。