項目選択肢別在庫で×の表記を消したい

Question

UBPです。

うちの店舗ではないのですが・・・・

https://item.rakuten.co.jp/estlance/194/

上記ページで、項目選択肢別在庫用縦軸を使用しているのですが、バケツのカラーを縦に表示させています。

普通であれば、縦×横がなく、軸が１つの場合は、横長の表になると認識していますが、
この人は、横長の表を嫌い、縦にしたいということで、
横軸には、半角スペースを入れ、縦軸に、カラー名を入れて表示させています。

しかし、そうすると、「×」の表記が項目名の前にもちろんでてしまいます。
× 	バケツのカラー
このように表示されています。

×の表記を消して、この表は縦長の表のままにしたいのですが、可能でしょうか？
可能であれば、方法をお聞きしたいです。

Answer

ECマスターズの田中です。

> ×の表記を消して、この表は縦長の表のままにしたいのですが、可能でしょうか？

はい、可能です。
ヘッダー・フッター・レフトナビ、もしくは共通説明文に
下記styleタグを追記願います。
（３行目を、既存のスタイルシートに追記していただいても結構です）


/* 項目選択肢別在庫の「×」を非表示 */
td:nth-child(2) > .inventory_title { display: none; }

Answer

これ、スマホの商品ページでも、同様に×を消したいのですけど、、、、

Answer

ECマスターズの田中です。

> これ、スマホの商品ページでも、同様に×を消したいのですけど、、、、

その場合は、
対象商品のスマートフォン用商品説明文、
全商品の場合はスマートフォン用の商品ページ共通説明文に、
下記タグをご記載いただきますようお願いします。


jQuery(function($){
var b = $('.itemSelectButton .name');
b.text(b.text().replace(/\s×\s/,''));
b = $('#floatingCartPopUp .popUpTitle span');
b.text(b.text().replace('・',''));
}();