/* ============================================================ FINAL CLEAN CSS — ONLY HIDES PRICES No color changes, no layout changes, no theme changes. ------------------------------------------------------------ You can safely paste this into Shoopy without affecting your header/footer/cards/colors/buttons. ============================================================ */ /* ---------- PRODUCT PAGE (PDP) PRICE HIDE ---------- */ .product-pricing-root .product-pricing-primary, .product-pricing-root .product-pricing-secondary, .product-pricing-root .product-pricing-meas-unit, .product-pricing-root .product-pricing-price span, .product-pricing-root [class*="discount" i], .product-pricing-root [class*="offer" i], .product-pricing-root [class*="off" i] { display: none !important; visibility: hidden !important; } /* Remove empty space after removing price */ .product-pricing-root .product-pricing-price, .product-pricing-root .price-container, .product-pricing-root .price-wrapper { height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; } /* ---------- CATEGORY & LIST PAGE PRICE HIDE ---------- */ h3.pr-sale-price.sh-product-card-price, s.pr-mrp-price.sh-product-card-mrp { display: none !important; visibility: hidden !important; } /* Hide all generic price labels */ :where(.collection-products, .category-products, .category-page, .product-list, .products-list, .product-grid, .products-grid, .collection, .listing, .catalog) :where(.pr-sale-price, .pr-mrp-price, .product-card-price, .product-card-mrp, .sh-product-card-price, .sh-product-card-mrp, [class*="price" i], [id*="price" i], [class*="mrp" i]) { display: none !important; visibility: hidden !important; } /* ---------- HIDE CURRENCY SYMBOLS (₹ / INR) ---------- */ :where(.collection-products, .category-products, .category-page) :where(.currency-symbol, .fa-inr, [class*="rupee" i], [class*="inr" i]) { display: none !important; visibility: hidden !important; } /* ---------- Collapse space after hiding ---------- */ :where(.collection-products, .category-products, .category-page) :where(.price-container, .price-wrapper, .amount, .final-price) { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; } /* ---------- RELATED PRODUCTS / RECOMMENDED ---------- */ :where(.related-products, .product-related, .products-related, .related, .recommended-products, .recommendations, .you-may-also-like, .suggested-products, .similar-products, .upsell-products) :where(.pr-sale-price, .pr-mrp-price, .product-card-price, .product-card-mrp, .sh-product-card-price, .sh-product-card-mrp, [class*="price" i], [id*="price" i], [class*="mrp" i]) { display: none !important; visibility: hidden !important; } :where(.related-products, .product-related, .products-related, .related, .recommended-products, .recommendations, .you-may-also-like, .suggested-products, .similar-products, .upsell-products) :where(.currency-symbol, .fa-inr, [class*="rupee" i], [class*="inr" i]) { display: none !important; visibility: hidden !important; } :where(.related-products, .product-related, .products-related, .related, .recommended-products, .recommendations, .you-may-also-like, .suggested-products, .similar-products, .upsell-products) :where(.price-container, .price-wrapper, .amount, .final-price) { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; } /* ---------- OPTIONAL: enable prices for debugging ---------- */ /* Add class="show-prices" to in browser console */ body.show-prices :is( [class*="price" i], [id*="price" i], [class*="mrp" i], .currency-symbol, .fa-inr, [class*="rupee" i], [class*="inr" i], .price-container, .price-wrapper, .amount, .final-price ){ display: revert !important; visibility: visible !important; height: auto !important; margin: revert !important; padding: revert !important; }