買い物かご仕様変更について

Question

本日より、楽天市場のPCのカゴ周りが変更になっているようで弊社でもその影響で表示崩れをおこしております。画像に記載した通りカゴを２段に分けたいのですが可能でしょうか？また、かごの幅の調整は可能でしょうか？よろしくお願い致します。

Answer

お世話になります。似た内容でしたので、こちらに質問させて頂きます。下記のcss部分を修正すれば、改善されると思い、ヘッダー・フッター・レフトナビに修正用のコードを入れましたが、新しく追加されたuiのjavaとの連携が、原因のようで上書きで修正用のコードが反映されませんでした。知識不足で恐縮ですが、対策方法がありましたら、お教え下さい。div#rakutenLimitedId_aroundCart .new-cart-button {    background-image: none !important;    background-color: #bf0000 !important;    border-radius: 3px !important;    color: white !important;    text-indent: 0 !important;    border: 0;    position: relative;    background-position: 0 0 !important;    width: 160px !important;    height: 34px !important;    border-style: none !important;    color: rgba(0, 0, 0, 0) !important;    display: inline-block !important;    white-space: nowrap !important;    overflow: hidden !important;    padding: 0 !important;    margin: 10px 5px 0 0 !important;    font-size: 100% !important;    box-shadow: none !important;    float: initial !important;    -webkit-filter: none !important;    filter: none !important;    background-size: 100% !important;    line-height: 1 !important;    -webkit-transition: initial !important;    transition: initial !important;    vertical-align: initial !important;}

Answer

ECマスターズの田中です。＞ミカン星人さん下記= この上の行まで ====================上記スタイルシートの「100%」の部分を変更することで、ボタンの横幅を調整することができます。

Answer

ECマスターズの田中です。＞38さんこちらは、元から楽天により記載されているdiv#rakutenLimitedId_aroundCart .new-cart-buttonへの規則を、値だけご変更いただいたものだと思いますが、セレクタ（div#rakutenLimitedId_aroundCart .new-cart-button）の部分が同じですと、規則の記載された位置によって優先度が決まりますので、この場合は、既存の規則のほうが優先されていると思います。既存の規則の優先度を少しでも上回れば良いので、たとえば、先頭にbodyを加えていただき、body div#rakutenLimitedId_aroundCart .new-cart-buttonとしていただくことで、優先度が既存の規則を上回り、適用させることができます。下記URLより、CSSセレクタの優先度についての詳しい説明をご確認いただくことができます。http://buburinweb.wp.xdomain.jp/css-detailing

Answer

ECマスターズ 田中様有難う御座いました！解決致しました！

Answer

早急にご回答頂きありがとうございます。思い通りの結果となりました。これからもよろしくお願い致します。

買い物かご仕様変更について

カテゴリーから探す