CSS 商品詳細ページ

 

 

Q.商品詳細ページ 品番非表時にするには?

 

 

記述するCSS

/* 商品詳細ページ 品番非表示*/
.main.main--product-detail section.p-product-set table tbody tr td.__description .__spec dl.__no{display:none;}

カスタムCSSの設定は、デザイン > カスタムCSSのヘルプをご参照ください。

 

 

Q.商品詳細ページ 単価×入り数を非表示にするには?

 

 

記述するCSS

/*商品ページ 単価×入り数の非表示*/
.main.main--product-detail section.p-product-set th.__price .__detail{display: none;}

カスタムCSSの設定は、デザイン > カスタムCSSのヘルプをご参照ください。

 

 

Q.商品詳細ページ プラス・マイナスを非表示にするには?

 

 

記述するCSS

/*商品詳細ページ プラス・マイナスの非表示*/
.main.main--product-detail form.c-form section.__set table tbody tr.__item td.__order .__body .__input span.p-spin span.__js-spin{display: none;}

カスタムCSSの設定は、デザイン > カスタムCSSのヘルプをご参照ください。

 

 

Q.商品詳細ページ 中部フリースペースの横幅をテーブルに合わせるには?

 

 

記述するCSS

商品詳細ページ 中部フリースペース 横幅をテーブルに合わせる

/*商品詳細ページ 中部フリースペース 横幅をテーブルに合わせる*/
body > div.wrapper.wrapper--column-2.wrapper--product-detail > div > div > section.__content-middle{
    width: 60%;
    float: right;
    padding: 0 0 0 .75em;
    margin-top: 1em;
}

カスタムCSSの設定は、デザイン > カスタムCSSのヘルプをご参照ください。

 

 

Q.商品詳細ページ no imageを非表示にするには?

 

 

記述するCSS

/*商品詳細ページ  no image を非表示にする*/
body > div.wrapper.wrapper--column-2.wrapper--product-detail > div > div > section.__information > div.__primary > div > div.__main.__is-no-image{display:none;}

カスタムCSSの設定は、デザイン > カスタムCSSのヘルプをご参照ください。