返回首頁 

淘宝、天猫、1688「商品分类选项」显示优化

原样式:PC 端宝贝详情「颜色分类」为图片列表,需鼠标移动到上面才显示分类文字。➡️优化后:类似 APP 端显示文字,一目了然


Install this script?
// ==UserScript==// @icon         https://market.m.taobao.com/favicon.ico// @name         淘宝、天猫、1688「商品分类选项」显示优化// @namespace    https://github.com/ekoooo/tampermonkey_tb_sku// @version      0.3.3// @description  原样式:PC 端宝贝详情「颜色分类」为图片列表,需鼠标移动到上面才显示分类文字。➡️优化后:类似 APP 端显示文字,一目了然// @author       liuwanlin// @match        *://*.taobao.com/*// @match        *://*.tmall.com/*// @match        *://*.tmall.hk/*// @match        *://*.liangxinyao.com/*// @match        *://*.1688.com/*// @grant        GM_addStyle// @grant        unsafeWindow// ==/UserScript==const HOSTNAME = location.hostname;// 直接覆盖 css 就能达到效果;(function() {const INJECT_STYLE_HOST = ['taobao.com', 'tmall.com', 'tmall.hk', 'liangxinyao.com'];for (let i = 0; i < INJECT_STYLE_HOST.length; i++) {if (HOSTNAME.endsWith(INJECT_STYLE_HOST[i])) {GM_addStyle(`.tb-prop .tb-img li a {background-position-x: 5px !important;background-size: 30px 30px !important;width: inherit !important;}.tb-prop .tb-img li span {display: block !important;text-indent: initial;padding: 0 10px !important;margin-left: 30px;}.tb-sku .J_TSaleProp, .tb-skin .J_TSaleProp {max-height: 400px;overflow: hidden auto;border-bottom: 8px solid #b8b7bd38;}.skuItem {text-align: left;}.skuValueName {line-height: 1.4;white-space: initial;}`);break;}}})();// 1688;(function($) {if (!HOSTNAME.endsWith('1688.com')) {return;}const imgs = $('.mod-detail-purchasing .vertical-img .box-img img');for (let i = 0; i < imgs.length; i++) {$(imgs[i]).parents('.vertical-img').append('<span class="box-title">' + imgs[i].alt + '</span>');}GM_addStyle(`.mod-detail-purchasing a.image{width: inherit !important;}.mod-detail-purchasing .vertical-img {width: inherit !important;font-size: 12px;display: flex;align-items: center;}.mod-detail-purchasing .box-title {margin: 0 10px;font-weight: normal;color: #000;text-align: left;}.mod-detail-purchasing .table-sku .box-title {padding: 5px 0;}.mod-detail-purchasing .obj-expand {display: none;}.mod-detail-purchasing .obj-content {height: inherit !important;}`);})(unsafeWindow.jQuery);