ネストのお気に入りページで売り切れの商品をわかりやすくする UserScript

make_out_of_stocks_clear_at_yoyonest.js

// ==UserScript==
// @name         Make out-of-stocks clear
// @version      0.1.0
// @description  Set the background color of out-of-stock items to gray
// @author       QUANON
// @match        https://www.makeshop.jp/ssl/mypage/favorite.html
// ==/UserScript==

(() => {
  'use strict';

  const items = document.querySelectorAll('.favorite-list-item');

  items.forEach((item) => {
    if (item.textContent.indexOf('品切れ') !== -1) {
      item.style.backgroundColor = '#e0e0e0';

      const yoyoImage = item.querySelector('img');
      yoyoImage.style.filter = 'grayscale(1)';

      const addToCartButton = item.querySelector('[value="カートに入れる"]');
      addToCartButton.remove();
    }
  });
})();

参考

UserScript の使い方

• UserScript (ユーザースクリプト) の概要と使い方

ヨーヨーショップネスト

• ヨーヨーショップネスト
  • お気に入り - マイページ (このリンクからは直接遷移できない。メニューから遷移する必要がある。)