Re: remove variant text from cart

Solved

How can I remove variant text from my cart page?

jd888
Tourist
9 1 2

Hi

I need to remove the variant description from the cart page. It would be ideal if I could just change the text actually. 

See screenshot.

Capture.JPG

Accepted Solutions (2)
KabirDev
Shopify Partner
248 61 71

This is an accepted solution.

@jd888 sorry, add the code to component-cart.css file.

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at [email protected]

View solution in original post

jd888
Tourist
9 1 2

This is an accepted solution.

That worked. Thank you

View solution in original post

Replies 15 (15)

Moeed
Shopify Partner
5819 1581 1880

Hey @jd888 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


jd888
Tourist
9 1 2
Moeed
Shopify Partner
5819 1581 1880

Hey @jd888 

 

That's your Shopify admin dashboard URL, can you share the your website front end URL like (www.yourwebsite.com)

 

Best Regards,

Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


jd888
Tourist
9 1 2
Moeed
Shopify Partner
5819 1581 1880

Hey @jd888 

 

Can you double-check the URL you shared with me because it's not showing up for me

Moeed_0-1704543801089.png

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


jd888
Tourist
9 1 2

Sorry. Connecting my domain now. Will get back to you

 

jd888
Tourist
9 1 2

I have connected my domain but I have not launched the website yet.
What information do you need?

Moeed
Shopify Partner
5819 1581 1880

Hey @jd888 

 

I just need the website front-end password so I can provide you a solution to fix your issue.

 

Best Regards,

Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


jd888
Tourist
9 1 2

lowtwa

Moeed
Shopify Partner
5819 1581 1880

Hey @jd888 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-option dt {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1704886589647.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


KabirDev
Shopify Partner
248 61 71

@jd888 I am not sure what theme you are using since you didn't mention that. I solved this in the default Dawn theme and the process should be similar to other themes as well. Basically you need to add this CSS code to your theme:

 

td.cart-item__details .product-option dt {
    display: none !important;
}


You can see the detail blog post here https://klinkode.com/quick-fix-for-a-cleaner-shopify-cart-hiding-variant-option-names/

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at [email protected]
jd888
Tourist
9 1 2

Yes I am using Dawn Theme. I have tried adding that to base CSS and it did not work for me.

jd888
Tourist
9 1 2

Yes I have done this but it does not seem to work for me. 
I have added the code to base css. See screenshot 1. I refreshed multiple times and still no change. See screenshot 2

 

Capture 1.JPG

Capture 2.JPG

KabirDev
Shopify Partner
248 61 71

This is an accepted solution.

@jd888 sorry, add the code to component-cart.css file.

- Control payment methods visibility at checkout by KlinKode PayRules app.
- Contact me directly at [email protected]
jd888
Tourist
9 1 2

This is an accepted solution.

That worked. Thank you