check the css file which is appearing on checkout page, I thought checkout.scss.liquid
then add the code in it..
Topic summary
Goal: hide the discount code field on the Shopify checkout and show/use it on the cart page (theme: Sabujcha). Another user later reports cart-page discounts not working.
Proposed approach: add CSS to hide the checkout discount section:
- .order-summary .order-summary__section .order-summary__section–discount { display: none; border-top: none; }
- Note: adding a space between .order-summary__section and .order-summary__section–discount was necessary for some users.
Where to add it: via Online Store > Theme > Edit code, typically in Assets (e.g., theme.scss.liquid or style.css). For some setups, try checkout.scss.liquid or whichever stylesheet loads on checkout.
Constraints/nuances:
- Checkout assets are often Shopify-hosted and not editable on non–Shopify Plus plans; direct checkout modifications may not apply.
- File names and structure vary by theme (e.g., Dawn, Minimal may not have theme.scss.liquid/style.css). Identify which CSS files load on checkout and place the rule accordingly.
Outcomes:
- Reported working on Dawn 11 after selector adjustment.
- Not working for Minimal; unresolved.
- Cart-page discount not functioning: no concrete fix provided.
Status: mixed results, theme- and plan-dependent. Next steps: share store URL for tailored guidance; confirm which CSS file loads on checkout; test the corrected selector. Code snippet is central to the solution.