remove unnecessary cart information

Store Design
,

Topic summary

A user seeks to remove specific cart information from their Shopify store (Nobeltitanium.com), including product options and discount details.

Solutions Provided:

Multiple community members offered CSS-based solutions:

  • Option 1: Add CSS code to theme.liquid file (before </body> tag) to hide cart elements
  • Option 2: Insert code into component-cart-items.css file targeting .product-option:nth-child(2) to hide secondary product options
  • Option 3: Add code to theme.css targeting discount prices and product options

All solutions involve accessing Shopify Admin → Online Store → Themes → Edit Code, then locating the appropriate file.

Follow-up Issue:

The original poster noted a price discrepancy (showing $64.99 instead of expected $65.00). One responder suggested this is likely due to an applied discount that needs separate review.

Status: Multiple solutions provided; price discrepancy requires additional investigation of discount settings.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
1

Hello how do i remove this? Nobeltitanium.com

Screen Shot 2024-09-05 at 12.54.02 pm.png
Screen Shot 2024-09-05 at 12.54.02 pm.png393×298 29.7 KB

2

Hi @needelp Please add the below code to remove the information:

Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.liquid in the code in left hand side in your theme.
  6. Add the following code in the bottom of the file above tag

Result:

sahilsharma9515_0-1725536052336.png
sahilsharma9515_0-1725536052336.png579×537 67.1 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

3

Hello @needelp
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-cart-items.css
add this code at the end of the file.

.product-option+.product-option {
display: none !important;
}
.product-option:nth-child(2) {
display: none ! important;
}

result

17.png
17.png393×354 17.6 KB

If this was helpful, hit the like button and accept the solution.
Thanks

4

thank you! Do you know why its says 64.99 and 65.00 at your end? That doesnt happen for me

5

Hi @needelp ,

To remove the required lines , paste add this code to your theme.css

Go to your online store> themes > Click on three dots of current active theme > edit code > search theme.css in the left sidebar > open it and paste the code.

dl>div.product-option:nth-child(2), ul.discounts.list-unstyled, .cart-item__discounted-prices  {
    display: none !important;
}

Please like the solution to let me know.

If you need further assistance, feel free to reach out!

Regards,

Sweans

6

Hi @needelp I think it is because of the discount that you have applied, you need to check that.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil