お買い物カゴページ詳細

  • 著者:管理人
  • 記事の最終変更日:2024年8月25日

CSS

ダッシュボード>外観>カスタマイズ>追加CSSや、Scripts n Styles（プラグイン）等でコピペして使用します。

				
					/*お買い物カゴページはブロックテンプレートを選択使用*/

/*メニューカート非表示（PC&モバイル）*/
li.woo-menu-icon.wcmenucart-toggle-custom_link.toggle-cart-widget {
    display: none;
}
a.wcmenucart {
    display: none;
}

/*ボタンデザイン調整*/
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background-color: #000;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
    background-color: #7a7a7a;
}

/*配送方法下段余白調整*/
.wc-block-components-shipping-rates-control__package:nth-child(2) {
    padding-top: 15px;
}

/*エンプティノーティスの「ストア」が気に入らないので非表示（before/afterで文言変更も可能）*/
.wp-block-woocommerce-empty-cart-block p {
    display: none;
}